I've installed the utafiti quickstart package and am trying to change the text colour in the logo module. I've changes the colour using the JCE text editor which has changed the text colour but the icon with the following short code is still appearing red:

{zen-book}{/zen-book}

You can see this on calmschools.branchoutwebsites.com

What's the best way to do this?

Thanks

Hi

I think you will need to override it

Try

#logo h1 span, #mobile-logo h1 span {color: blue;}

Replacing blue with your colour e.g. #000

If you do replace the h1 tag with a different tab at a later date you will need to change the style to reflect the new

ahhhh I'm obviously more tired than I thought

You can change the icon colour via

the design tab on the left > the General settings on the right > logo section

You can change the font colour and icon colour

Cheers

See below my settings and the result. The colours have gone back to their defaults.

I've also added this css override:

#logo h1 span, #mobile-logo h1 span {color: 92A98D;}

Hi There,

This is the styling applying

#logo h1 span, #mobile-logo h1 span, #logo h2 span, #mobile-logo h2 span, #logo h3 span, #mobile-logo h3 span, #logo h4 span, #mobile-logo h4 span, #logo h5 span, #mobile-logo h5 span, #logo h6 span, #mobile-logo h6 span {
color: #92a98d;
}

This is from the template css

The custom style isn't working

#logo h1 span, #mobile-logo h1 span {
color: 92A98D;
}

as you are missing a #

It doesn't matter as the template is applying so perhaps needing to clear the cache?

The custom style needs to be

#logo h1 span, #mobile-logo h1 span {
color: #92A98D;
}