Forums / Templates, Stylesheets, Page Layout / Sideboxes with different colours?

Sideboxes with different colours?

Locked

Started by jarsa on 8 Nov 2006, 2:03 PM · Views: 7,215

Results 41 to 46 of 46
This thread is locked. New replies are disabled.
12 Sep 2008, 6:24 PM
#41
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Sideboxes with different colours?

You have the class & id markers switched around. # = id, . = class. Also, you have two selectors that belong to different elements concatenated, which is the way to indicate that they both apply to the same element. They need to have a space between them (and be given in the exact order shown) to indicate that #categoriesHeading is inside .leftboxcontainer. Finally, #categoriesHeading is plenty specific to control the heading; you don't need .leftboxcontainer.

.leftboxcontainer #categoriesHeading {
    display:none;
} 

/*or just this*/
#categoriesHeading {
    display:none;
} 
13 Sep 2008, 5:52 AM
#42
jenzi avatar

jenzi

Zen Follower

Join Date:
Jan 2007
Posts:
145
Plugin Contributions:
0

Re: Sideboxes with different colours?

Fantastic! The second suggestion did it! Thank you so much!

4 Oct 2008, 3:40 AM
#43
gizmo_girl avatar

gizmo_girl

Zen Follower

Join Date:
Nov 2007
Location:
Texas
Posts:
286
Plugin Contributions:
0

Re: Sideboxes with different colours?

I have a related question. I figured out how to change the header images for my side boxes, but I don't want the same image appearing as my Center Box heading. Here is my stylesheet coding right now:

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

I tried replacing it with this, but when I did, the centerBox heading completely disappeared:

.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

.centerBoxHeading, {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile2_back.gif);
padding: 0.5em 0.2em;
}

I'm sure I'm missing something simple. Can you help? Thanks!

4 Oct 2008, 4:47 AM
#44
misty avatar

misty

Inactive

Join Date:
Apr 2004
Location:
UK
Posts:
5,752
Plugin Contributions:
1

Re: Sideboxes with different colours?

.centerBoxHeading, {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile2_back.gif);
padding: 0.5em 0.2em;
}

I'm sure I'm missing something simple. Can you help? Thanks!
You have an extra comma that's not required
i..e should be

.centerBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile2_back.gif);
padding: 0.5em 0.2em;
}

Dezina ZenCart Templates
Please do not PM for support queries..Post in forums..help others

4 Oct 2008, 4:58 AM
#45
gizmo_girl avatar

gizmo_girl

Zen Follower

Join Date:
Nov 2007
Location:
Texas
Posts:
286
Plugin Contributions:
0

Re: Sideboxes with different colours?

THANK YOU!!! I knew I was missing something simple...:blush:

4 Oct 2008, 5:03 AM
#46
misty avatar

misty

Inactive

Join Date:
Apr 2004
Location:
UK
Posts:
5,752
Plugin Contributions:
1

Re: Sideboxes with different colours?

gizmo_girl:

THANK YOU!!! I knew I was missing something simple...
Pleased to hear problem sorted..well done!!
:clap:

Dezina ZenCart Templates
Please do not PM for support queries..Post in forums..help others