Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / LeftSidebox BG vs RightSideboxBG

LeftSidebox BG vs RightSideboxBG

Locked

Views: 821

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
19 Oct 2006, 9:41 PM
#1
miles avatar

miles

Zen Follower

Join Date:
Oct 2006
Location:
At Home
Posts:
357
Plugin Contributions:
0

LeftSidebox BG vs RightSideboxBG

Im having problem changing my leftsidebox background image.. actually for the categories box only..i found my css for sideboxes like these:

for left

.leftBoxContainer {
border: 0px solid #ffffff;
margin-top: 0em;
}

for right

.rightBoxContent {
background-color: #ffffff;
margin-bottom: 1em;
}

for both

.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
}

when i insert this code background-image: url("../images/pic_gif"); into the .sideBoxContent, both sideboxes background changed.

but if i insert it into .leftBoxContainer or .rightBoxContent, nothings change..why is that.??:huh:

need help..

19 Oct 2006, 11:30 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: LeftSidebox BG vs RightSideboxBG

Try adding this tag to your css and apply the backgroung image to it

#categoriesContent

Post back on what you find

20 Oct 2006, 12:52 AM
#3
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,611
Plugin Contributions:
0

Re: LeftSidebox BG vs RightSideboxBG

miles:

Im having problem changing my leftsidebox background image.. actually for the categories box only..i found my css for sideboxes like these:

for left

.leftBoxContainer {
border: 0px solid #ffffff;
margin-top: 0em;
}

for right

.rightBoxContent {
background-color: #ffffff;
margin-bottom: 1em;
}

for both

.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
}

when i insert this code background-image: url("../images/pic_gif"); into the .sideBoxContent, both sideboxes background changed.

but if i insert it into .leftBoxContainer or .rightBoxContent, nothings change..why is that.??:huh:

need help..

It is sorta' hard to visualize, but I will attempt to explain the combination of Zen Cart templates and the CSS.

The Zen Cart pages are dynamically built using the php to pull together and arrange multiple parts and pieces. Many of those pieces are "stacked" on top of each other in various "layers" of code and html. Once you get familiar with who lives where it becomes easier.

20 Oct 2006, 3:11 AM
#4
miles avatar

miles

Zen Follower

Join Date:
Oct 2006
Location:
At Home
Posts:
357
Plugin Contributions:
0

Re: LeftSidebox BG vs RightSideboxBG

thanx for the tips..#categoriesContent does work..:) only the text link didnt fit my text-box which i created..but ill fix it later with other bg image..

is there any chance to fill with background color for my sidebox text link?? just curious..

thx for ur help..

20 Oct 2006, 3:34 AM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: LeftSidebox BG vs RightSideboxBG

is there any chance to fill with background color for my sidebox text link?? just curious..Is what you are referencing a color mat that resides under/behind the text displayed?

Get FireFox & the Web Developers tool kit extention to allow you to discover the tag associated with the elements that you wish to style. Then you can seek them or add them to the stylesheet.

tag_name {
background-color: #??????;
     }

Check here for additional information w3schools