Change Main Navigation callto-btn background

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

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.

Hi,

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

Sending you admin in private content.

Thanks!

Regards

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.

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

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.

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

Have a nice day!

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.

[Author]

Posts