[solved] Border showing up on home page under Featured Products

[bow316]

Hi all, How is everybody on here?

 

Thanks to defuzed on my last post for the help on breadcrumbs as I had a breadcrumb problem and defuzed was the man/woman to help sort the problem out.

 

I have a new well not error or anything just that I need to comment out some syntax that is not needed. As it's not on the other pages, but only on the home page.

 

It's the "sixteen columns" which is on the home page as I want to comment out that as it is leaving a 2px white border. I have set "sixteen columns" to have a white solid 2px border and shows up nicely on the other pages, but leaves a the border on the home page. I am using the Base 960 Grid for my theme.

 

It's not on the "Footer.tpl, homefeatured.tpl, editorial.tpl(I have uninstalled editorial.)" and it's not even on the flash tpl file either.

 

The link: Sikh-Connection

 

Picture shown below:

 

 

(To view the code I have used Firebug 1.11.4 on Firefox)

Code:

 

<div class="homeBlock">
</div>
<!----------------This bit below------------------------------------>
<div id="columns" class="content clearfix">
<div class="container columnsInner">
<!-- Center -->
<div id="center_column" class="sixteen columns"> </div>
<!-- Right -->
</div>
</div>

 

 

Thanks in advance for any help given.

 

Kind Regards

 

bow316

[vekia]

maybe this will work: add to the #center_column {border:none!important}

[bow316]

Hi Vekia, it worked and I was really happy, but it had taken the borders off the other pages like category pages, product pages and then cms pages.

 

For example as you can see on a product page Product

[bow316]

Hi Vekia, I made it partly work, so it's removed the borders on the home page where I didn't ant so that's perfict. I have added

 

border: 2px #FFFFFF solid;

 

to my category and product page so that is sorted to.

 

Where would be cms bit on the css where I can add border around that?

 

Kind Regards

 

bow316

[bow316]

Hi Vekia, problem solved and sorted. Once you told me on the previous post about adding the following line:

 

#center_column {border:none!important;}

 

I edited it so it looks like this I removed the "!important":

 

[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]#center_column {border:none;}[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]

 

And so added these into the global.css individually:

 

[/size][/font][/color]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** Category Front End ******/
body#category #center_column {
/* width: 760px;*/
width: 764px;
padding-left: 98px;
padding-right: 98px;
border:#FFFFFF 2px solid;
}
body#category #right_column {
display: none;
}
body#category #left_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** Product Front End ******/
body#product #center_column {
width: 526px;
padding-left: 217px;
padding-right: 217px;
border:#FFFFFF 2px solid;
}
body#product #left_column {
display: none;
}
body#product #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** CMS Front End ******/
body#cms #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#cms #left_column {
display: none;
}
body#cms #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** contact Front End ******/
body#contact #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#contact #left_column {
display: none;
}
body#contact #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** search Front End ******/
body#search #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#search #left_column {
display: none;
}
body#search #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** order Front End ******/
body#order #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#order #left_column {
display: none;
}
body#order #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** my-account Front End ******/
body#my-account #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#my-account #left_column {
display: none;
}
body#my-account #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** history Front End ******/
body#history #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#history #left_column {
display: none;
}
body#history #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** order-slip Front End ******/
body#order-slip #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#order-slip #left_column {
display: none;
}
body#order-slip #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** addresses Front End ******/
body#addresses #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#addresses #left_column {
display: none;
}
body#addresses #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** address Front End ******/
body#address #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#address #left_column {
display: none;
}
body#address #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** identity Front End ******/
body#identity #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#identity #left_column {
display: none;
}
body#identity #right_column {
display: none;
}[/size][/color][/font]
[font="Arial, Helvetica, sans-serif"][color="#343943"][size=3]/****** favoriteproducts-account Front End ******/
body#favoriteproducts-account #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}
body#favoriteproducts-account #left_column {
display: none;
}
body#favoriteproducts-account #right_column {
display: none;
}
/*********************************/

 

And for the "My Favorite Products account" which the favoriteproducts.css is in the "../modules/favoriteproducts", I modified that and added the following;

 

#module-favoriteproducts-account #center_column {
width: 924px;
border:#FFFFFF 2px solid;
}

 

To the Administrator could you please put this as solved. Thank you

[vekia]

many thanks for your solution!

i marked this thread as [solved] - exactly as you suggested

 

regards!