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.

Colour changes

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

Hi please see attached image, how do I change the colour of the parts Ive indicated to a yellow colour?
Attachments:
  • breathwork's Avatar
  • breathwork
  • 12 Month basic
  • 49 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
You could alter the blue using theme magic but to change both using custom.css try adding this to the custom.css file

#logo {background: #4a6d8b;}

#logowrap .container {
background: #121212;
}

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Also Happy Christmas :)
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul, thanks for the reply. It changed nothing when I placed the custom.css file there. Any idea why?
  • breathwork's Avatar
  • breathwork
  • 12 Month basic
  • 49 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Do you have a link for the site so I can take a look?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
tst.drkwesi.com

The custom.css is exactly as you entered above.
  • breathwork's Avatar
  • breathwork
  • 12 Month basic
  • 49 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi

Do you have the custom.css file enabled?

Also you are running css compression - can you disable it

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'd suggest not running any compression during the build/development of the site

Cheers
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
All compression is turned Off
  • breathwork's Avatar
  • breathwork
  • 12 Month basic
  • 49 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
thanks

I wasn't clear in my answer but these are the current values so you need to change them to the colours of your choice

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
#logowrap .container {
background: #121212;
}

does not seem to be having any effect....
  • breathwork's Avatar
  • breathwork
  • 12 Month basic
  • 49 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Both are now yellow - is that the effect you were looking for?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes it is! now how can I change the background and the social, panel, and menu items?
  • breathwork's Avatar
  • breathwork
  • 12 Month basic
  • 49 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
#t3-off-canvas {} for the sidebar off canvas

You have a background image currently for the background

.modal-dialog .moduletable {} for the panel - you will need padding as well

social #right-inner-col #socialicons span {}

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Add you background colour values as required

Cheers
Paul
  • 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