Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Getting rid of the border around the header

Getting rid of the border around the header

Locked

Views: 1,088

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
25 Sep 2007, 03:17
#1
brimsjewelry avatar

brimsjewelry

Zen Follower

Join Date:
May 2006
Posts:
188
Plugin Contributions:
0

Getting rid of the border around the header

Is there a way to get rid of the border around the header? My logo.jpg is all white and there is a thin black border around it. I would prefer the logo just blend inwith the rest of the site.

You can see it at https://www.abcjewelrydepot.com

thanks,

jason

25 Sep 2007, 03:43
#2
carolight avatar

carolight

New Zenner

Join Date:
Aug 2007
Posts:
27
Plugin Contributions:
0

Re: Getting rid of the border around the header

I would recommend that you use Firefox with Firebug.

If you right click an area in Firefox, and Inspect Element, it will show you in Firebug what properties that element has in your css file. You can also experiment by changing the properties just to see what happens.

I found this:

TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #00640e;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

You are using the classic template, and in the file stylesheet_original.css, at line 63, the Table.header element puts a 1 pixel border around the right, left, and bottom.

If you remove the borders, then you shouldn't get the line, but I don't know if this affects anything else, as I'm quite new too.:smile:

25 Sep 2007, 04:27
#3
brimsjewelry avatar

brimsjewelry

Zen Follower

Join Date:
May 2006
Posts:
188
Plugin Contributions:
0

Re: Getting rid of the border around the header

carolight,

I set the parameters to 0 and bingo! It works!

Thanks!

Jason