Setting menu and footer font colors in user.css Topic is solved

[rob-h]

I'd be grateful for assistance with Cassiopeia (J4.4)

I'd like to specify font color for a horizontal menu in the header, and for the text in the footer.

I can set the header and footer background colors e.g. to yellow

.container-header {
background-color: yellow;
background-image: none;
}
.container-footer {
background-color: yellow;
background-image: none;
}

but I haven't been able to find the element names to specify the font color.

With a yellow background, the font colour needs to be e.g. black.

----------------

Do you know of a source listing the names of the elements that could be adjusted in user.css?

Many thanks

Rob-h

[ceford]

Use your browser Deeveloper Tools to inspect an element in the header or footer and then find the element to which you can add a color. From that you can figure out what to add to user.css, for example:

Code: Select all

.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button {
	color: red;
}

[rob-h]

Thanks very much indeed ceford. I could see the menu elements, but I could not have worked out what was needed to specify the colour. I need to get much better at my CSS!