WordPress.org

1. ddting
   Member
   Posted 8 months ago #

   Hey all,

   My page: http://www.breezebbq.com/720-2/

   I have a "Recent Posts" list below the main content using the "Widgets on Pages" plug-in. My issue is the list is spaced too far, and I'd like to play with the font size, etc. I can't seem for figure out what I need to put in my style.css to make that happen. Can anyone help?

   Thanks a bunch!

2. Jonas Grumby
   Member
   Posted 8 months ago #

   If you have Firefox, try the Firebug plugin.

3. ddting
   Member
   Posted 8 months ago #

   Thanks for the suggestion... I put in Firebug, and I found the following that gets me to where I want:

   <div id="Widgets_on_Pages_1" class="widgets_on_page">
<ul>
<li id="recent-posts-4" class="widget widget_recent_entries">

   I'm a bit of a CSS newbie, what's the syntax I need? Would it be .widgets_on+page { blah blah; }?

   Thanks again!

4. toddhalfpenny
   Member
   Posted 8 months ago #

   You can access the widgets on the above using the following as an example

   .widgets_on_page ul li {
     margin: 1em 0 0 0;
     font-size: 1.2em
   }

5. ddting
   Member
   Posted 8 months ago #

   Thanks Todd! Will give it a try.

6. ddting
   Member
   Posted 8 months ago #

   OK I had a duh moment. I figured out why none of my css was taking. Here's what I did:

   /****Other stuff****
   
   .widgets_on_page ul li {
     margin: 1em 0 0 0;
     font-size: 1.2em
   }

   I neglected to close the comment with another /. Sigh. At least I know now.

Reply

You must log in to post.