Style sheets hierarchy

ch_masson

Joined: 2008-05-21
Posts: 26
Posted: Fri, 2008-06-06 00:51

Hello,

I am using several G2 themes (carbon, classic, ...) depending on my web site pages (photo, music, video).

Each theme has its own CSS file called theme.css and located in /themes/carbon/theme.css or /themes/classic/theme.css for example.

I have created a "local" folder under /themes/carbon/templates and /themes/classic/templates to put my modified theme.tpl or album.tlp or photo.tpl files.

I need to make changes to each of these theme.css files. These changes may be different depending on the theme.

In addition, I have my own .css file in the root directory of my web page.

At this point, I have made changes into the original theme.css files which I don't think is a good idea since when I upgrade, I will lose my modifications.

How do you recommend that I manage these different style sheets?

Is it a good idea to create a carbon_theme.css file and a classic_theme.css file to put my own CSS customization? I would then have to link to these style sheets in my themes/carbon/templates/local/theme.tpl file (same thing with the classic theme.tpl file)

Is it the right approach?

Below is a classic theme
http://www.tommysteelecanyon.com/media/v/music/lovecountrymusic/After+Another+Day.mp3.html
And the following uses a carbon theme
http://www.tommysteelecanyon.com/media/v/photos/album3/

Thank you for your help

 
alecmyers

Joined: 2006-08-01
Posts: 4342
Posted: Fri, 2008-06-06 08:30

It's not a huge problem to edit the original .css files for themes - they don't get upgraded very often and as long as you keep a backup it's quite easy to replace your modified .css files.

Alternatively, you can turn your edited theme into a new custom theme.

I'll be interested to hear what others say though.