1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

Solved Button hover color

Discussion in 'Free Divi Community Forum' started by Ivy Zhou, Mar 7, 2019.

  1. Ivy Zhou

    Ivy Zhou Member

    I made the default button hover color gray, but for one of the buttons on my site, I want to change the hover color without changing the default... how do I achieve this?
     
    #1 Ivy Zhou, Mar 7, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    For the button module, you should be able to set custom style for it individually. Just go to the Button module settings > Design > Button > Use Custom Styles for Button
     
    #2 Divi.Help, Mar 8, 2019
  3. Ivy Zhou

    Ivy Zhou Member

    Hi, Custom styles for button does not give me options for Hover mode... only what the button looks like normally.

     
    #3 Ivy Zhou, Mar 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    You will need to use the New Divi Backend Builder or Visual Builder to edit the hover options. See screenshot below:

    upload_2019-3-9_11-23-41.png
     
    #4 Divi.Help, Mar 8, 2019
  5. Ivy Zhou

    Ivy Zhou Member

    This is what my visual builder shows me
    Screen Shot 2019-03-09 at 2.08.56 PM.png
     
    #5 Ivy Zhou, Mar 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    You need to click the cursor icon for the hover option to appear. See screenshot below:

    upload_2019-3-10_11-47-34.png
     
    #6 Divi.Help, Mar 9, 2019
  7. Ivy Zhou

    Ivy Zhou Member

    thank you!
     
    #7 Ivy Zhou, Mar 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  8. Bobby Tagget

    Bobby Tagget New Member

    In my opinion this design is a little cumbersome. May I suggest adding a line underneath the cursor to symbolise the cursor hovering above the ground?

    Thank you for helping me locate the hover settings!
     
    #8 Bobby Tagget, Jun 4, 2024
  9. Divi Booster

    Divi Booster Divi Expert

    Hey Bobby, glad you found the settings. I like the suggestion, but this forum isn't run by the creators of Divi (Elegant Themes), so suggestions made here may not be seen by the Divi team. If you'd like to actually see this change implemented, contacting Elegant Themes directly would be the way to go:

    https://www.elegantthemes.com/contact/
     
    #9 Divi Booster, Jun 5, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
(You must log in or sign up to post here.)