Home Forums WoodMart support forum Change Main Navigation callto-btn background

Change Main Navigation callto-btn background

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #148195

    SingularAx
    Participant

    Hi,

    How to change Main Navigation callto-btn background using CSS and not to change other accent buttons color in theme dashboard?

    Also, how to set hover and text color for same button?

    I tried:
    —-
    .main-nav .item-level-0.callto-btn {
    background-color: #83b735 !important;
    }
    —-
    But no result.

    Thanks!

    Regards

    #148234

    Hello,

    You can change the background color of the call to action button in your menu by pasting the below css code in Theme Settings >> Custom Css >> Global Custom Css:

    .navigation-style-default .callto-btn > a {
    	    background: red;
    }

    For text color:

    .navigation-style-default .callto-btn >a.nav-link-text {
    	    color: white;
    }

    For hover color:

    .navigation-style-default .callto-btn > a:hover {
    	    background: blue;
    }

    Best Regards.

    #148248

    SingularAx
    Participant

    Hi,

    I pasted provided CSS but and cleared cash but no result.

    Sending you admin in private content.

    Thanks!

    Regards

    #148290

    Hello,

    You can replace the below css with the previous code. I have test this code it works just fine on your site:

    #menu-item-382 span.nav-link-text {
    	  color: yellow;
    }
    #menu-item-382 .woodmart-nav-link{
        background: red;
    }
    #menu-item-382 .woodmart-nav-link:hover{
        background: blue;
    }

    Best Regards.

    #148295

    SingularAx
    Participant

    Hi Aizaz,

    I added new code but dont see change. Maybe its cashing CSS? I dont have any cashing plugins active.

    Does theme doing any cashing by default?

    Thank you very much; your support is greatly appreciated.

    Regards

    #148305

    Hello,

    Your issue has been resolved please check your site now after removing the browser cache.

    The providing code was correct, You were facing the issue because you have a code in Custom CSS section which was not closed as shown in this screenshot: https://screenshot.net/262l8t6

    I just closed that code “}” as shown in this screenshot: https://screenshot.net/qk5eocj

    This resolved your issue: https://screenshot.net/830l4c1

    Best Regards.

    #148306

    SingularAx
    Participant

    Thanks Aizaz! Thank you for taking the trouble to help me. I do appreciate it.

    Have a nice day!

    #148352

    Most Welcome :-)

    If you do not mind, can you please leave 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

    Thanks for contacting us.
    Have a great day :-)

    Topic Closed.
    Best Regards.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Change Main Navigation callto-btn background’ is closed to new replies.