Borders

[blackwolf]

On my site you'll see it has a 1px solid blue border around it. This border continues up and around my header logo. Is there a way I can stop it going above my logo but still surrounding my content, because I want to keep my rounded corners.

[bonnit]

you should remove the border from the main wrapper and instead add a new css rule for

#contentMainWrapper {border:1px solid #2B90D7;}

you may need to remove the <br class="clearBoth" /> that appears in your header between your logo wrapper and your navigation to close the gap that is there to complete the border, depending on your template i think this should be in includes/templates/YOUR TEMPLATE/common/tpl_header.php

[tony_sar]

you can add borders around your main content area .. located following in your stylesheet
Remove the property/value in red from this rule
#mainWrapper {
background-color:#FFFFFF;
border:1px solid #2B90D7;
text-align:left;
vertical-align:top;
width:750px;
}


Next , add this to end of your stylesheet.css

#contentMainWrapper {
border:1px solid #2B90D7;
}

this will apply border to each side . if you don't want border on top you can assign border to each side individually.

you may elect to do the same for footer if you wish to have borders .

[blackwolf]

Thanks Guys, worked a treat.

[blackwolf]

I have noticed that the space has reappeared above my content wrapper and my header. How do I get rid of this? I have been into TPL_HEADER and there is no

<br class="clearBoth" />

in there.

[tony_sar]

try this ( multiple CSS changes )

#logoWrapper {
background-color:#FFFFFF;
background-image:url(../images/title_banner.gif);
background-position:center center;
background-repeat:no-repeat;
font-weight:bold;
height:142px;
}

Change height from 142px to 132px .

#navMain ul, #navSupp ul, #navCatTabs ul {
line-height:1.5em;
list-style-type:none;
margin:0;
padding:3.5em 0;
text-align:center;
}

change padding from 3.5em to 2.8em

#navMainSearch {
float:right;
padding:2.5em 1em;

padding here change from 2.5em to 2em .

you can play with those values to suite your needs.
}

[blackwolf]

Excellent, you've done it again. Thanks.

[tony_sar]

You welcome

[black123]

Can any one tell me how to create border around the products on all pages???? Which file to edit?

[tony_sar]

Can any one tell me how to create border around the products on all pages???? Which file to edit?

only file you need to work on is your stylesheet.css depending on your template either you need to modify existing rule(s) or add some to your stylesheet to add borders around product images .