Button CSS

  • The green button in the menu. How do i change the font colour please ? I always struggle to locate the correct CSS when i do an inspection. Many Thanks

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 18 total)

  • Please go to Customizer – General Options – Theme Buttons – Background Color and change color there.

    Thread Starter nichere

    (@nichere)

    Thanks, but that only changes the colour of the button. I want to change the colour of the text inside the button. “font colour”

    Top Button (consultation & Quote) – You need to go customize > header > menu and change the color from here. Also, check settings for drop-down color on the same panel.

    The button on Page (Read it more) – go to customize > general options > theme button and change the color from here. (but it will not work if you have done Elementor settings).

    GO to Edit with Elementor of that page and click on the button you want to style. Now style your button as per your need.

    Thread Starter nichere

    (@nichere)

    Thanks a lot Amit.

    you also control color from the above place.

    Thread Starter nichere

    (@nichere)

    But that doesn not enable to change the text inside the box, unless you can be more specific
    customize > header > menu > ?

    Your page has two buttons.

    button 1 – consultation & quotes – which color do you want to set? Currently, it is black and the hover color is white.

    button 2 – Find out more – currently it is black and the hover color is black also.

    Let me know which color do you want to set and for which button?

    Thread Starter nichere

    (@nichere)

    button 1 – i want both text colors the same

    I worked out the CSS
    #site-navigation-wrap .dropdown-menu>li.btn>a>span

    but i cannot work out the css for the hover text

    button 2 i can do that thank you

    #site-navigation-wrap .dropdown-menu>li.btn>a>span, #site-navigation-wrap .dropdown-menu>li.btn>a>span:hover {
    color: #fff;
    }

    try this one.

    Alternatively, you can do it by

    customize > header > menu and find “DROPDOWNS STYLING”. change the link color and hover link color.

    Thread Starter nichere

    (@nichere)

    Thanks Amit, but Both of those options don’t work.

    The text inside the button won’t change color when hovering…I can change the text color but not when hovering

    For Text Color –
    #site-navigation-wrap .dropdown-menu>li.btn>a>span {
    color: #fff;
    }

    For Text Color – when hovering
    #site-navigation-wrap .dropdown-menu>li.btn>a>span:hover {
    color: #e02929;
    }

    Thread Starter nichere

    (@nichere)

    Thank Amit, thank kind of worked but i am still getting this white text color appear also. Do you know what that is ?

    Thread Starter nichere

    (@nichere)

    m

    • This reply was modified 6 years, 6 months ago by nichere.

    Change the color in CSS code. Please elaborate which color do you want before and after hover?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Button CSS’ is closed to new replies.