Adding button to nav bar

[mediocrites]

Hello!

I’m trying to add a button to my nav menu, but I’d like it to have its own style, separate from the style of the rest of the nav menu. The theme will let me create a background for it, but any change I make to the font (color, text-transform) seem to be overridden by the theme. Even with increased specificity and trying the !important tag (as a test, I know it’s not the best way to implement), it still inherits the font style from the theme. Is there a way to add this into the header?

Thanks!
Scott

[Hans (Support Admin)]

@mediocrites

You can add custom CSS classes to menu items.

This will show you how https://presscustomizr.com/snippet/adding-css-classes-wordpress-menu/

Then you can enter a CSS class which you can then style in the style.css file.

You can override the defaults and make it look like whatever you want.

Let me know if that helps.

[mediocrites]

I’m using the CSS classes already to create the button. But the font style in the custom CSS is being ignored/overridden by the options I’ve chosen in the theme. I’d like it to be a little different.

I guess a better way to ask my question is: Is there a way to have two different font styles within one menu?

[Hans (Support Admin)]

Ah I see what you mean.

Yes you can add !important after it.

This will override the inline styles added by the Integral Options.

example:

font-size: 24px !important;

• This reply was modified 4 years, 11 months ago by Hans (Support Admin).

[mediocrites]

Hi Hans,

I tried using the !important tag again, and it still doesn’t override the styles chosen in the Integral Options. Maybe I’m not adding it correctly. I’d be happy to set up a user account for you if you’d like to take a look, and see if I’m doing something wrong.

Thanks!
Scott

[Hans (Support Admin)]

@mediocrites

Yes please do.

My email is hello [at] themely.com

[mediocrites]

This reply has been marked as private.

[Hans (Support Admin)]

Hi @mediocrites

Try this,

.tellmemore a {
text-transform: uppercase !important;
}

[mediocrites]

Perfect! Thanks so much!