1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Trigger for floating button

Discussion in 'Support Forum' started by Singh, Jun 6, 2023.

  1. Singh

    Singh New Member
    Pro Member (Support Expired)

    Hi there, on a site that I'm developing (https://ibconstruction.uk/homepage/), I've used your floating button.

    I also want the floating button form to be triggered if someone clicks on the 'contact us today' buttons. How do I make those buttons also trigger the floating button form to show?

    Thank you.
     
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to your Button module settings > Advanced > CSS Class & add: dh-slide-trigger-custom

    And paste the below code at WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
     
  3. Singh

    Singh New Member
    Pro Member (Support Expired)

    Thats great. Thanks so much.

    Is it possible to have a dark overlay on the rest of the screen when the floating form comes into view?
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Singh

    Singh New Member
    Pro Member (Support Expired)

    Also, how would you have the slider button do the same function? there isn't an option to add a CSS class to the slider button...
     
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Add the below CSS in WP Admin > Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Replace the code with the below & go to your Slider module settings & add the CSS Class as well: dh-slide-trigger-custom
    **Though, it will affect all the buttons of all slides in the slider.
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  6. Singh

    Singh New Member
    Pro Member (Support Expired)

    Thank you.

    I have followed your instructions and the overlay works well.

    However, the slider buttons are still not working as expected. You can check it yourself if you prefer on the above link
     
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below instead & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  8. Singh

    Singh New Member
    Pro Member (Support Expired)

    The last code has made the other contact us today buttons not work either.
     
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    My bad. Missing an 'e':
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  10. Singh

    Singh New Member
    Pro Member (Support Expired)

    the slider 'slides' trigger the floating form but the button does not. Click anywhere else on the slide and it works :|
     
  11. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    My bad again. The below should work now:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  12. Singh

    Singh New Member
    Pro Member (Support Expired)

    Thats perfect. Thank you for your help. Much appreciated.
     
  13. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Singh likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo