[Theme Modality] page menu

Hi dturpin

put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

#navbar ul li a {
    font-size: 13px;
    color: red;
}

or

#navbar ul li a {
    font-size: 13px!important;
    color: red!important;
}

Change the value of the

font-size

and

color

to what you want.
Hope this will work
Cheers
TR

Thanks tahoerock that worked great.

I’m having the same issue – I installed the easy css plugin and copied and pasted this code – all it does is changes the color of the menu text but there is no hover effect.

I don’t understand the function of the “theme navigation settings” section of the theme customization section – it seems to not work at all. Can anyone shed a little light on this?

Thanks.

I am currently trying to change alignment for my pages menu in the Modality theme.

I would like it to be centered on the page

I can not find it within the customize menu, and I am not sure where it is located in the style.css.

https://www.sodadna.com
On the site I am referring to menu: about us clay textiles wallpaper

Hi dturpin,
how are you today?
So I suggest this. It was working here.

put this code to:
1) your Child Theme style.css file
OR
2) Install Simple Custom CSS plugin and put the code there.

I’m doing this on my testing server.
It can get to some different behavior then here on my site.
It can happen that it is not working.
Then we have to look further.

.navbar ul {
    text-align: center;
}

or

.navbar ul {
    text-align: center!important;
}

Let me know result.
Cheers
TR

Hi topside,
I do not understand what you need.
Kind of confused.

I you want to change same css and you are using same theme, then all should be OK.

Follow advise above:
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

Cheers
TR

Thanks for the reply tahoerock, after trying the 2 above options and with simple custom css I am sad to say nothing changed.

Thanks
DT

Hi TD
There is a conflict with original code in your style.css line No. 2637 or 2641.
There isfloat:right;
This is original code in your style.css file

.navbar ul {
	float: right;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

SO:
Install Simple Custom CSS plugin and put the code there.

.navbar ul {
    float: none!important;
    text-align: center!important;
}

It is working here.
Let me know
Cheers
TR

Hi TahoeRock,

Thanks for responding.

I did the instructions and it DID work but it changes both the non-hover state of the menu items AND the hover state, so when you hover your mouse over the type in the menu, nothing appears to change. Check it out at:

https://www.baycitieslock.com

I’m having a couple of other issues with this theme as well..are you knowledgeable about it? I’ve opened other threads but no one is responding. Can you help with the other issues?

Thanks Again TR worked perfectly!

.navbar ul {
float: none!important;
text-align: center!important;
}

in Simple Custom CSS

Hi Topside,
1) Can be the case, tell me what do you want to have on hover effect and I will try to give you code.
To change background put this code to the css file:

.nav-bar li:hover {
    background: red;
}

or

.nav-bar li:hover {
    background: red!important;
}

Change the red to any color you want

2) Send me the link to other thread I will take a look
Let me know
Cheers
TR

Hi dturpin
Im happy that it worked out,
Feel free to ask in the future.
Cheers
TR

Hi tahoerock,

Thanks for the code, but rather than change the background I’d like to simply change the color of the text on hover – as it is now, with the previous code in place, both the normal state and hover colors are the same. This is a step ahead of where I was, because changing the color settings in the theme’s options does nothing at all. With the code you provided, I can change the color by changing the parameter in the code, but there’s no difference between normal state and hover. I guess I just need the code that will allow normal state to be one color and hover state another.

thanks in advance, any help appreciated.

My other thread is posted at:

https://www.ads-software.com/support/topic/theme-modality-embed-a-youtube-video-on-front-display-page?replies=1

Hi Topside,
OK, then we just change background for color.

put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

.nav-bar li:hover > a,
.nav-bar li a:hover,
.nav-bar li:focus > a,
.nav-bar li a:focus {
	color: red;
}

.nav-bar li:hover > a,
.nav-bar li a:hover,
.nav-bar li:focus > a,
.nav-bar li a:focus {
	color: red!important;
}

So I hope I was helpful.
Let me know
Cheers
TR