Forums / Templates, Stylesheets, Page Layout / Remove border on *just* sidebox *headers*??

Remove border on *just* sidebox *headers*??

Locked

Views: 677

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
8 Aug 2010, 3:59 PM
#1
b0ssm4njones avatar

b0ssm4njones

New Zenner

Join Date:
Aug 2010
Posts:
17
Plugin Contributions:
0

Remove border on *just* sidebox *headers*??

I wanted to know if it was possible to not have a border on the sidebox header, but have a border everywhere else on the sidebox.

My reason is because I'm using a custom background image for my sidebox header which has rounded corners, but having the border makes it not look right on the header.

I dont want to remove the border completely, but only remove it on the header area.

Thanks.
Here's a screenshot for reference:
http://i36.tinypic.com/2enz69h.png

8 Aug 2010, 5:21 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Remove border on *just* sidebox *headers*??

You can cut the red part from here:

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}

and paste it here:

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

}
9 Aug 2010, 1:46 AM
#3
b0ssm4njones avatar

b0ssm4njones

New Zenner

Join Date:
Aug 2010
Posts:
17
Plugin Contributions:
0

Re: Remove border on *just* sidebox *headers*??

stevesh:

You can cut the red part from here:

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}

and paste it here:

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

}

Well I'll be damned.
It worked. Thank you sir!