Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Borders around sideboxes and center boxes

Borders around sideboxes and center boxes

Views: 914

Results 1 to 9 of 9
11 Nov 2011, 1:19 AM
#1
bigman_daddy2001 avatar

bigman_daddy2001

New Zenner

Join Date:
Jan 2011
Posts:
4
Plugin Contributions:
0

Borders around sideboxes and center boxes

Been reading and trying to add borders around sideboxes plus center boxes. Everything i changed to add borders did not work and my web tools says there is no errors in the css. My web site is thecornerstore.us if anybody could help it would be appreciated.

11 Nov 2011, 1:30 AM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: Borders around sideboxes and center boxes

Your template structure is in standard form, so you can use the standard selectors like
.leftBoxContainer, .rightBoxContainer {border: 1px solid #aabbcc;}
or
.sideBoxContent {border: 1px solid #aabbcc;}
to affect all of the sideboxes.

What exactly did you try that didn't work?

11 Nov 2011, 1:38 AM
#3
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Borders around sideboxes and center boxes

.sideBoxContent {
border-right: Xpx solid #XXXXXX;
border-left: Xpx solid #XXXXXX; }

.leftBoxContainer, .rightBoxContainer {
border-bottom: Xpx solid #XXXXXX; }

Not sure on the center box.

11 Nov 2011, 1:38 AM
#4
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Borders around sideboxes and center boxes

I really need to work on my typing speed.

11 Nov 2011, 1:49 AM
#5
bigman_daddy2001 avatar

bigman_daddy2001

New Zenner

Join Date:
Jan 2011
Posts:
4
Plugin Contributions:
0

Re: Borders around sideboxes and center boxes

gjh42:

Your template structure is in standard form, so you can use the standard selectors like
.leftBoxContainer, .rightBoxContainer {border: 1px solid #aabbcc;}
or
.sideBoxContent {border: 1px solid #aabbcc;}
to affect all of the sideboxes.

What exactly did you try that didn't work?

this is what i have

h3.leftBoxHeading, h3.rightBoxHeading {font-size: 1.3em;color: #444;padding-top:5px;background-color:#eceaea;}
h3.leftBoxHeading a, h3.rightBoxHeading a{font-size: 1.0em;color: #444;}
.leftBoxHeading, .rightBoxHeading {margin: 0em;background-color:#eceaea;height:15px;padding: 0.5em 0.2em;color:#3b1910;border-top:2px solid #d2cece;border-left:2px solid #d2cece;border-right:2px solid #d2cece;border-bottom:2px solid #d2cece;}

11 Nov 2011, 1:53 AM
#6
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Borders around sideboxes and center boxes

bigman_daddy2001:

this is what i have

h3.leftBoxHeading, h3.rightBoxHeading {font-size: 1.3em;color: #444;padding-top:5px;background-color:#eceaea;}
h3.leftBoxHeading a, h3.rightBoxHeading a{font-size: 1.0em;color: #444;}
.leftBoxHeading, .rightBoxHeading {margin: 0em;background-color:#eceaea;height:15px;padding: 0.5em 0.2em;color:#3b1910;border-top:2px solid #d2cece;border-left:2px solid #d2cece;border-right:2px solid #d2cece;border-bottom:2px solid #d2cece;}

What you have is wrong. Look for the ones he noted in his post. If, for some reason, they don't exist, create them.

11 Nov 2011, 2:05 AM
#7
bigman_daddy2001 avatar

bigman_daddy2001

New Zenner

Join Date:
Jan 2011
Posts:
4
Plugin Contributions:
0

Re: Borders around sideboxes and center boxes

ok i see were i made the mistake and got the borders for the side boxes working. What about the center boxes. Not sure what to edit there.

11 Nov 2011, 2:22 AM
#8
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Borders around sideboxes and center boxes

I think adding this to your stylesheet might work:

.centerBoxWrapperContents { border: Xpx solid #XXXXXX; }

11 Nov 2011, 2:38 AM
#9
bigman_daddy2001 avatar

bigman_daddy2001

New Zenner

Join Date:
Jan 2011
Posts:
4
Plugin Contributions:
0

Re: Borders around sideboxes and center boxes

RescoCCC:

I think adding this to your stylesheet might work:

.centerBoxWrapperContents { border: Xpx solid #XXXXXX; }
thanks that did the trick. you guys are awesome and keep up the good work.