remove borders from sidebox's

Locked

Results 1 to 5 of 5

This thread is locked. New replies are disabled.

10 Oct 2009, 05:10

devinej1

New Zenner

Join Date:: Jul 2009
Posts:: 84
Plugin Contributions:: 0

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

10 Oct 2009, 06:17

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: remove borders from sidebox's

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

Look for
.leftBoxContainer, .rightBoxContainer {}

10 Oct 2009, 06:35

devinej1

New Zenner

Join Date:: Jul 2009
Posts:: 84
Plugin Contributions:: 0

Re: remove borders from sidebox's

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

10 Oct 2009, 07:38

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: remove borders from sidebox's

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;
	}

10 Oct 2009, 08:10

devinej1

New Zenner

Join Date:: Jul 2009
Posts:: 84
Plugin Contributions:: 0

Re: remove borders from sidebox's

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: