How to style Wordpress Widgets?

Discussion in 'WordPress' started by Blonde Jon, Oct 27, 2009.

  1. #1
    Here's my situation, I'm creating a Wordpress theme that can be found here:

    http://webpuffs.com/marktanner/

    I'm using a page widget. I'm not having any problems styling the list items under the heading, but I can't seem to figure out how to style the heading which is also a list item. Anyone have a solution?

    Thanks
     
    Blonde Jon, Oct 27, 2009 IP
  2. sylv3rblade

    sylv3rblade Peon

    Messages:
    292
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #2
    style ul.widget or ul.widget_pages
     
    sylv3rblade, Oct 27, 2009 IP
    Blonde Jon likes this.
  3. Blonde Jon

    Blonde Jon Active Member Affiliate Manager

    Messages:
    745
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Neither of those work.

    This is the HTML that the widget is outputting:

    <li id="pages-3" class="widget widget_pages"><h2>Services</h2>		<ul>
    			<li class="page_item page-item-33"><a href="http://webpuffs.com/marktanner/services-2/landscaping">Landscaping</a></li>
    
    <li class="page_item page-item-29"><a href="http://webpuffs.com/marktanner/services-2/lawn-care">Lawn Care</a></li>
    <li class="page_item page-item-34"><a href="http://webpuffs.com/marktanner/services-2/snow-removal">Snow Removal</a></li>
    		</ul>
    		</li>
    
    HTML:
     
    Blonde Jon, Oct 27, 2009 IP
  4. sylv3rblade

    sylv3rblade Peon

    Messages:
    292
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #4
    whoops my bad...
    It's supposed to be just
    
    .widget
    
    Code (markup):
    
    .widget_pages 
    
    Code (markup):
    Not ul.widget or ul.widget_pages
     
    sylv3rblade, Oct 28, 2009 IP
  5. alex345

    alex345 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Total Widget Control allows you to use widget wrappers saving time on styling widgets. Also its user interface is easier to use for placing widgets than WP's drag and drop setup.
     
    alex345, Apr 10, 2011 IP