Archived

This topic is now archived and is closed to further replies.

  • 0

Bullet Points in Recents Posts


Question

Posted · Report post

I am trying to differentiate the list of recent posts in the sidebar of my site. Can't seem to figure out the CSS to add bullets to each post title. Site is www.helenewinterdesign.com.

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

Hi there, try using !important to force through the changes in case they are being overridden anywhere.

 

#categories-2 ul li {
    list-style-type: disc !important;
}

Share this post


Link to post
Share on other sites

Posted · Report post

The code you quoted is part CSS and part Javascript and not functional.

 

You need to use CSS in the Custom Code > CSS Rules area and make sure there's a specific class for the list you're trying to bullet.  For example, in the link Catrina provided, you'll see

ul.square {list-style-type:square}

Your bulleted text should start with <ul>.  But to make the bullet a square, you'll want to modify the UL tag to <ul class="square"> then, the snippet of CSS would apply a square bullet type to the items below.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, the !importance tag did not work. I also tried applying the style to the ul tag only.  No success.  I am stumped on this one.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Since that's a WP generated list, you really can't implement my earlier suggestion, however, you can replace that list with a variety of excellent plugins.  Depending on whether you do or don't want thumbnails, you have a diverse choice of plugins to select from.

Share this post


Link to post
Share on other sites

Posted · Report post

I am trying to get a bulleted list in categories to work by;

 

#categories-2 ul li {
    list-style-type: disc;
}
The above CSS snippet from firebug is placed in style.css in the customize folder.  The bullets are not showing up.  Where would I put <ul class="square">?  Would I need to modify the core code?

Share this post


Link to post
Share on other sites

Posted · Report post

OK. So would the CSS code be #recentposts.stylelistStyleTpe="square"?

Share this post


Link to post
Share on other sites

Posted · Report post

I'm really stumped on this. I've tried every code I can think of - I'm not a coder. Any help with the actual CSS code would be appreciated.

Share this post


Link to post
Share on other sites