Forums / Templates, Stylesheets, Page Layout / Adding a horizontal line below header

Adding a horizontal line below header

Locked

Views: 14,018

Results 21 to 28 of 28
This thread is locked. New replies are disabled.
31 Dec 2007, 4:26 AM
#21
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Adding a horizontal line below header

yes you can leave the navCatTabs info where it is and create another statement below those addressing the div and manage just the padding in that statement or you can duplicate the statements for just the navCatTabs and remove it from the above statements.

I would also remove the #navCatTabsWrapper statement you added near the top of the stylesheet in the "a" links section and do it more like this:```
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 2em;
margin: 0;
color: #3300ff;
white-space: nowrap;
}

#navCatTabs ul li a {
padding: 0 6em;
}


Because it is below the previous statement it takes precidence over the padding and you don't have to duplicate the rest of the stuff and end up with a larger stylesheet than you need.

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

31 Dec 2007, 4:38 AM
#22
daneh avatar

daneh

Zen Follower

Join Date:
Dec 2007
Location:
Southern Maine
Posts:
268
Plugin Contributions:
0

Re: Adding a horizontal line below header

YOU my man are a genius!!!:smartalec:

Can you send me in the right direction for making a sidebox for articles, and how to make separate pages for each article?
I like the idea of replacing my site with this one, but need to have those articles, and a page for relevant links.

Th:clap::clap::clap::clap::clap:anks

Oh, love the wife's site.

31 Dec 2007, 7:32 AM
#23
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Adding a horizontal line below header

You can use ez-pages for the articles. There is an ez-pages sidebox (header title is important links) which can be renamed and styled for your purpose. Each article gets its own ez-page. PM me anytime.

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

10 Apr 2008, 4:39 AM
#24
e8u99 avatar

e8u99

New Zenner

Join Date:
Feb 2008
Posts:
11
Plugin Contributions:
0

Re: Adding a horizontal line below header

None of this seems to work for me. I added all the codes but my EZ pages are still all lumped together.

Any suggestions guys? I just want each ez page entry on the side box to be spaced apart so it's easier to read.

Thanks.

11 Apr 2008, 1:09 PM
#25
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Adding a horizontal line below header

Do you have a url to look at?

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

24 Feb 2009, 5:53 PM
#26
tac11 avatar

tac11

New Zenner

Join Date:
Feb 2009
Location:
England
Posts:
25
Plugin Contributions:
0

Re: Adding a horizontal line below header

kobra:

For your ez page spacing add this to your stylesheet and adjust as you want

#navCatTabsWrapper ul a:link {
padding: 0em 0em 0em 10em;
}


Hi, I've spent hours trying to find out how to add space between the links in the ez-pages header.  I thought I was on to something here but I can't get it to work.  Could I have put the above code in the wrong place?  I changed all the '0em' to '10em' but nothing happened

Thanks
27 Mar 2009, 8:06 AM
#27
dhfequine avatar

dhfequine

New Zenner

Join Date:
Nov 2008
Posts:
6
Plugin Contributions:
0

Re: Adding a horizontal line below header

Hi there can you tell me if someone told you how to do the spacing between your header links as on my site https://www.dhfequine.co.uk/shop the spacing is too large and I would like to decrease it but can not remember how to do it? :oops:

daneh:

Been working on my cart for a few days now. A little confusing at first, but I am beginning to grasp the where's and how to make changes. I have searched and searched but haven't found an answer to this question. I even did a google to see how to add a HR to my CSS, but when I add what I believe is the right code, my left categories sidebox lengthens considerably. :oops:I am brand new to CSS, so I am sure I added the wrong code. I have since ditched the code I added.

My goal is to add a horizontal line below the EZ pages links. I think it would look better to have a little separation between the EZ pages and the main content.

Here is my current page: http://mistkits.com/cart

Can someone give me a push in the right direction?

I am also open to other suggestions.:hug:

27 Mar 2009, 12:04 PM
#28
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Adding a horizontal line below header

dhfequine:

to do the spacing between your header links as on my site... the spacing is too large
Find this in your stylesheet and adjust the highlighted to suit

#navMain ul li a {
	text-decoration: none;
	padding: 0em 5em;
	margin: 0;
	color: #777777;
	white-space: nowrap;
	}

Zen-Venom Get Bitten