Docs

[breepear]

Is there a way to only change only of the button colors in the Ethos stack? See example.

[breepear]

Example:

[Joao]

Hi There,

Are you referring your navbar background?

Please provide your URL and more details about what you are referring to.

Thanks,

Joao

[breepear]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials, you can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .x-nav>li.menu-item-194 {
	background-color: #d2534a;
}

Hope it helps, Cheers!

[breepear]

Is there a way to add a custom text color/active state text color to that same button?

[Joao]

Hi There,

Please add the following code:

.x-navbar .desktop .x-nav>li.menu-item-194:active {
	color: #ffffff;
}

For the hover state >

.x-navbar .desktop .x-nav>li.menu-item-194:hover{
	color: red;
}

Hope that helps

Joao

[breepear]

This reply has been marked as private.

[Friech]

Hi There,

The menu has already a active/hover state color. If you’re on this page http://onlyhumanfitness.com/get-in-touch/ you will see that the text color of your menu “talk to me” turns to navy-blue.

You can change that color on Customizer > Header panel, look for the Navbar Links Hover option.

Hope it helps, Cheers!

[breepear]

I’m looking to have the hover/active state change to the navy-blue color rather than changing to the default teal color that you can set in the Nav Links Hover section.

Is that possible? Attached is a screenshot of what it looks like on hover/active now, I would like the teal color to be the navy (#425161)

[Nabeel A]

Hi there,

Please add the following code in your Customizer:

.x-navbar .desktop .x-nav>li.menu-item-194 a:hover span {
    color: #425161 !important;
}

Let us know how this goes!

[Author]

Posts