remove borders from sidebox's

hey,

Just wondering if someone can tell me how to remove all the borders from the sidebox's and what files to edit ?

Thanks

Most styling is done in /includes/templates/your_template/css/stylesheet.css. You seldom need to edit PHP files.

Look for
.leftBoxContainer, .rightBoxContainer {}

gjh42:

Most styling is done in /includes/templates/your_template/css/stylesheet.css. You seldom need to edit PHP files.

Look for
.leftBoxContainer, .rightBoxContainer {}

hey!

Thanks for the response, i am in my stylesheet.css and found what you suggested and here is a copy of mine

as you can see there is no mention of border width etc

.leftBoxContainer, .rightBoxContainer {
background-image:url(../images/box001.gif);
background-repeat: repeat-y;
margin-top: 0px;
}

so i tried to edit this into it to see if it would help

.leftBoxContainer, .rightBoxContainer {
background-image:url(../images/box001.gif);
background-repeat: repeat-y;
margin-top: 0px;
border: none;
}

and still didnt help, not sure if i entered it in correctly or not. But just trying to give it ago to get rid of the sidebox borders they look extremely ugly, you can click here for my store if you need to. Any more advice would be appreciated as always.

Thanks in advance

Your template uses background images for the border lines. Odd choice, but effective.```
.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-image:url(../images/box000.gif);
background-repeat: no-repeat;
padding: 20px;
}
.leftBoxContainer, .rightBoxContainer {
background-image:url(../images/box001.gif);
background-repeat: repeat-y;
margin-top: 0px;
border: none;
}

.sideBoxContent {
background-image:url(../images/box002.gif);
background-repeat: no-repeat;

font-size: 11px;
color: #000000;
line-height: 125%;
background-position:bottom;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 25px;
}

gjh42:

Your template uses background images for the border lines. Odd choice, but effective.```
.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-image:url(../images/box000.gif);
background-repeat: no-repeat;
padding: 20px;
}
.leftBoxContainer, .rightBoxContainer {
background-image:url(../images/box001.gif);
background-repeat: repeat-y;
margin-top: 0px;
border: none;
}

.sideBoxContent {
background-image:url(../images/box002.gif);
background-repeat: no-repeat;

font-size: 11px;
color: #000000;
line-height: 125%;
background-position:bottom;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 25px;
}

wow, that worked perfectly! thanks again for your response! now the gf is off my back about it haha :P thanks again your a legend :D :clap: