How to remove the hover effect from Header Button?

  • Resolved brs76

    (@brs76)


    1 month ago

    Hi there;
    I have added a subscribe button to my website header but for somehow it has a hover effect and changing color. I checked my custom css section at customizer but I couldnt find any related editing; the only css I use for that button is this:

    site-navigation-wrap .dropdown-menu>li.btn>a>span {

      padding: 10px 26px;
font-weight: 500;
border-radius: 2px;

    }

    I would like to know how can remove that hover effect from the button.
    Thanks in advance.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shahin

    (@skalanter)

    1 month ago

    Hello @brs76,

    Thank you for reaching out,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    #site-navigation-wrap .dropdown-menu >li.btn >a:hover >span {
    background: #000 !important;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope it helps,
    Best Regards

    Thread Starter brs76

    (@brs76)

    1 month ago

    Thank you so much Shahin.

    Shahin

    (@skalanter)

    1 month ago

    You’re welcome.
    I’m glad we could help.

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

  • 3 replies
  • 2 participants
  • Last reply from: Shahin
  • Last activity: 1 month ago
  • Status: resolved