Customizing a Theme Color with CSS

Hello,

I apologize if I missed this somewhere.

I would like to add a different color scheme. What I want to do is alter one of the theme color presets in the override.css file or in the original file whatever is easier. So I don't have to change the color of each separate element or font. Where can this be done? What is the element(s)?

Thanks!

Hello,

If you want to add new color scheme, please check this article:
http://www.gavick.com/documentation/wor ... or-styles/

You can also copy CSS from e.g. Msocial/css/style1.css file, replace colors and add this code into your override.css file.

Thanks Piotr, I'll give it a go.

Thanks, that is where I found them, in the style[].css files.

Hello Piotr,

Is the overide.css file something i'd have to FTP to modify? I don't see it listed in Appearance > Editor.

Thanks,
AJ

Hi @deity999,
Exactly, you have to edit this file through the FTP client.

Great thanks man!

Now that I'm looking at the style1.css I've identified the color I want to change is #db4a37. Couldn't I simply just change this (each time listed in the style1.css file of course) to the color I want instead of modifying the override.css?

Sure, you can also change these colors directly in style1.css, but I always recommend to use override.css because of the future updates - if you'll change css rules in other files, like style1, template.css etc. you'll have to remember your changes, because during the update, you may lost all your modifications. If you are using the override.css - you can simply do a backup of this file - update the whole theme directory, then restore this one override file and that's all.

Ohhh I see now! Great advice, I'll do overide.css. Thanks so much!