Docs

[paleopolly]

I want to customize the Sign Up menu item to display in teal, with white text- to display always. Not just when hovered on. For example on this screenshot, I want the “signup” menu icon, to be always a color- I am envisioning a teal pill shape, with white font. Not just when you hover over it. I want the other menu items to remain as are. I have added a CSS class in appearance, > menu as signup. Now what do I do?

http://www.dev.theweddingday.net running on up to date x theme

[paleopolly]

I am trying to customize the color of a single menu background item. see screenshot

I have added a custom CSS class in Menu- signup…..

I then added this in customizer….

.x-navbar .x-nav .signup {
color: #66C5C6;
}

HELP!!!!

[Rue Nel]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[paleopolly]

This reply has been marked as private.

[paleopolly]

I want the signup to be #66C5C6 background with white font.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.signup a span {
    background-color: #66C5C6;
    color: #fff;
}

Hope that helps.

[paleopolly]

Thanks worked perfectly!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts