Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / navMain ul li setting

navMain ul li setting

Views: 1,197

Results 1 to 5 of 5
8 Jan 2011, 11:59 AM
#1
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

navMain ul li setting

v. 1.3.9.h

Hi,

I'm trying to get the "amber precious", and "login" links to have a background, and padding, which I could manage, the problem is I'd like to have a different background for hover, which is few pixels narrower than it should be.

Also the two "buttons" have a small distance, which I'd like to set to 0, and add a border-right to make the separator, or in alternative have a | instead of the space that is there right now.

The site is this:
amber precious

Thank you.

8 Jan 2011, 12:10 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: navMain ul li setting

Try removing the padding here:

#navMain ul li {
display: inline;
background-color: #FC0;
padding: 9px;
}

and increasing it in #navmain ul li a to make your buttons the right size.

8 Jan 2011, 12:24 PM
#3
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: navMain ul li setting

Thanks, it worked, could you please address the second problem: the space between the "buttons"?

8 Jan 2011, 2:51 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: navMain ul li setting

#navMain ul li {
display: inline;
background-color: #FC0;
/padding: 9px;/
float:left;
margin-right:1px;
}

8 Jan 2011, 3:40 PM
#5
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: navMain ul li setting

Thank you very much; greatly appreciated.