Jump to content


Photo
- - - - -

trying to style widgetized top menu items


  • Please log in to reply
2 replies to this topic

#1 brenb

brenb

    Advocate

  • Members

  • 304 posts
  • Country: Country Flag

Posted 08 October 2013 - 02:34 PM

hi

I have a second menu "primary" underneath my ecommerce menu, it's a widgetized menu and it's perfect except I cannot seem to get the li a to display:block

http://www.lisaharan.com/wordpress/

 

here is my code, which works in that it capitalizes and changes the font size, but menu items run one under the other

 

section#widgetizerzlcgp8 ul {
background-color: #F93;
display: block;
font-size: 14px;
text-transform: uppercase;
}
 
section#widgetizerzlcgp8 ul li a, section#widgetizerzlcgp8 ul li a:link {
display: block;
font-size: 14px;
text-transform: uppercase;
}


#2 brenb

brenb

    Advocate

  • Members

  • 304 posts
  • Country: Country Flag

Posted 08 October 2013 - 02:45 PM

got it working

 

section#widgetizerzlcgp8 ul {
font-size: 14px;
text-transform: uppercase;
}
 
 
section#widgetizerzlcgp8 li {
list-style: none;
display: inline-block;
}


#3 Jake

Jake

    Advocate

  • Premium
  • 565 posts
  • LocationNC, USA
  • Country: Country Flag

Posted 08 October 2013 - 02:48 PM

Hi @brenb - Try making a change to inline-block instead. I think that will give you the look you're going for.