Must Read: New Unified System is officially live Must Read     |   11 Templates & 4 Extensions Updated Read more

Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

logo color on quickstart package

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

I think you will need to override it

Try

#logo h1 span, #mobile-logo h1 span {color: blue;}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Replacing blue with your colour e.g. #000
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
See below my settings and the result. The colours have gone back to their defaults.

Screenshot2017-04-0913.36.20.png


Screenshot2017-04-0913.37.09.png
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
I've also added this css override:

#logo h1 span, #mobile-logo h1 span {color: 92A98D;}
  • jonburdon's Avatar
  • jonburdon
  • LIfetime Developer - Big Bamboo
  • 860 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The custom style isn't working

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

as you are missing a #
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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;
}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers