Jump to content


Photo
- - - - -

Bullet Points in Recents Posts

customization techincal support

  • Please log in to reply
8 replies to this topic

#1 dchetson

dchetson

    Member

  • Members
  • 28 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 03 January 2013 - 03:10 PM

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.



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 03 January 2013 - 03:23 PM

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



#3 dchetson

dchetson

    Member

  • Members
  • 28 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 03 January 2013 - 03:41 PM

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



#4 dchetson

dchetson

    Member

  • Members
  • 28 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 03 January 2013 - 04:24 PM

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.



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 January 2013 - 02:09 AM

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.



#6 trevorcr

trevorcr

    Member

  • Members
  • 14 posts
  • LocationSan Jose, CA
  • Framework Version:2.4
  • Country: Country Flag

Posted 16 January 2013 - 05:59 PM

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?


#7 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 January 2013 - 03:55 AM

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



#8 trevorcr

trevorcr

    Member

  • Members
  • 14 posts
  • LocationSan Jose, CA
  • Framework Version:2.4
  • Country: Country Flag

Posted 17 January 2013 - 11:21 PM

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.



#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 January 2013 - 01:19 AM

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.







Also tagged with one or more of these keywords: customization, techincal support