Jump to content

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


bow316
 Share

Recommended Posts

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:

 

2uqsl.jpg

 

(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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More