Changing colors of template to match web page...

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
carlobal
Regular
Posts: 7
Joined: Thu Jan 31, 2008 3:07 pm
Location: New York

Changing colors of template to match web page...

Post by carlobal »

Sorry folks, but I searched these archives in vain for simple (perhaps they don't exist) instructions on how to change the colors in a template. I am using what I believe is carl_contest. It's default colors are blue, and I'd like to alter them to match my website's (www.BotanicalGardening.com) palate to keep the design consistent.

Thanks in advance for your help.
Carlo A. Balistrieri
www.BotanicalGardening.com
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Changing colors of template to match web page...

Post by garvinhicking »

Hi!

To change colors in that template, you will need to put your hands on the CSS stylesheets. Those are kept inside the file templates/carl_contest/style.css, and you can change the color codes inside that file.

It might also be wise to create your own custom template at this point, to not overwrite your changes once you update serendipity. To do so, copy the carl_contest directory to a dir like "botanicalgardening", edit the info.txt to give the template your own name, and then edit those files. Also change your template to "botanicalgardening" in the s9y admin interface.

If you do not know how to deal with CSS stylesheets, you sadly have to lookup a good CSS tutorial first.

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Changing colors of template to match web page...

Post by yellowled »

carlobal wrote:I am using what I believe is carl_contest. It's default colors are blue, and I'd like to alter them to match my website's (www.BotanicalGardening.com) palate to keep the design consistent.
Yes, the current template of your blog is carl_contest. You need to edit the colors in /template/carl_contest/style.css to fit those used in the CSS of your website. Unfortunately, your website doesn't really use CSS, so you'll have to extract those colors from the HTML source. I also suggest some complementary reading on CSS. I can't really recommend a good CSS site in English, but I'm sure someone else will :)

YL
Don Chambers
Regular
Posts: 3657
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

Yeah - your base site appears to have been generated with Dreamweaver. While it is not using stylesheets, and is instead doing all formatting inline, it would not be difficult at all to change the colors of the template to match your base site. You just need to map the colors of the base site to the appropriate containers/elements in the s9y template. You are probably going to need some additional, complimentary colors too... but if you have a palette selector, or image editor, that would not be difficult.

If you want help, I can think of 3-4 people here that are more than capable of doing it. :wink:
=Don=
Post Reply