8 replies to this topic

[dchetson]

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.

[catrina]

You need to use custom CSS to find the selector for that list in the sidebar widget:

Please Login or Register to see this Hidden Content

 

To add a list style, use the list-style-type property:

Please Login or Register to see this Hidden Content

[dchetson]

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

[dchetson]

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.

[Rob]

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

Please Login or Register to see this Hidden Content

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.

[trevorcr]

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

 

#categories-2 ul li {

    list-style-type: disc;

}

The site is

Please Login or Register to see this Hidden Content

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?

[James B]

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

 

Please Login or Register to see this Hidden Content

[trevorcr]

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.

[Rob]

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.