Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing background of index center column

Changing background of index center column

Locked

Views: 2,136

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
13 Jan 2009, 9:14 PM
#1
decostyle avatar

decostyle

Zen Follower

Join Date:
Mar 2008
Posts:
336
Plugin Contributions:
0

Changing background of index center column

Hello everyone,

I want to change the background of the centercolumn index categories page only (mainpage) where pictures appear per top category.

The stylesheet css I used is:
.centerColumn #indexCategories {
background-color=#dfdfdf;
}

For some reason this does not work. if I remove the #indexCategories then it works, but it adds background color to all the centercolumn pages. I only want it to apper on the main page indexCategory.

Any idea how to do this?

14 Jan 2009, 10:24 AM
#2
daisydoom avatar

daisydoom

New Zenner

Join Date:
Jan 2009
Posts:
22
Plugin Contributions:
0

Re: Changing background of index center column

Try .centerColumn #indexDefault #indexCategories {background:#dfdfdf;}

14 Jan 2009, 10:25 AM
#3
daisydoom avatar

daisydoom

New Zenner

Join Date:
Jan 2009
Posts:
22
Plugin Contributions:
0

Re: Changing background of index center column

a good rule of thumb to help with css styles is to open your page up in firefox and use the view source - firefox colours the code for you making it super easy to find stuff

14 Jan 2009, 1:10 PM
#4
decostyle avatar

decostyle

Zen Follower

Join Date:
Mar 2008
Posts:
336
Plugin Contributions:
0

Re: Changing background of index center column

Nope that didn't work. It seems that the only thing that would work is .centerColumn but that displays the background on everything in the centercolumn not only the main page display.

Yes I used firefox firebug.

Any other ideas?

14 Jan 2009, 2:40 PM
#5
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Changing background of index center column

Might have to use a page-specific stylesheet. Read all about it in ../css/CSS_read_me.txt

Rob

14 Jan 2009, 6:03 PM
#6
decostyle avatar

decostyle

Zen Follower

Join Date:
Mar 2008
Posts:
336
Plugin Contributions:
0

Re: Changing background of index center column

I separated the css, and believe that the page is index.css for the main page where the subcategories appear as images right?

Anyway so now I have index.css and entered the code:
#indexCategories .centerColumn {
background-color: #DFDFDF;
}

Nothing happens. Is this the correct page? There is no page php showing on the url so I'm assuming it is index.css

Help will be much appreciated!!

15 Jan 2009, 12:38 AM
#7
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Changing background of index center column

Try main_page.css (I think) :lookaroun

Rob

15 Jan 2009, 2:25 PM
#8
decostyle avatar

decostyle

Zen Follower

Join Date:
Mar 2008
Posts:
336
Plugin Contributions:
0

Re: Changing background of index center column

well...that didn't work either. I must have the wrong page name or else it would work.

If I use index.css, it colors all the other pages EXCEPT the main page!

15 Jan 2009, 2:53 PM
#9
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Changing background of index center column

Ahh! Finally found it -- using Google, not the forum search. :censored:

Clydejones said in a thread last year "Name it: index_home.css "

Incidentally, I searched for that at Google using this term...
zen-cart: page specific stylesheet home page

The correct thread was the first item returned.

Rob

15 Jan 2009, 3:21 PM
#10
decostyle avatar

decostyle

Zen Follower

Join Date:
Mar 2008
Posts:
336
Plugin Contributions:
0

Re: Changing background of index center column

hey that worked!!! Thank you for taking the time to search on it. :clap: