How do you format ‘bullets’ in Recent Post list?

  • Resolved jayjerome

    (@jayjerome)


    17 years, 9 months ago

    I have a 3-column theme: two sidebars, and the write section.

    In Column-1 I have “Pages.” In Column-2 I have “Recent Posts.” But the sidbar columns are narrow and the titles spill over for two or three lines making it hard to tell where one ends and the next begins.

    How do I format them so each item listed has a ‘bullet’ preceding it?

    I’m using theme Nerima Daikon 3c. I’m assuming I have to make changes in two files: style.css and sidebar.php, and use some kind of list command: (‘<ul class=”disc”>’) etc — But I’m not sure what the proper tags are, or where they go.

    Can anyone help?

Viewing 14 replies - 1 through 14 (of 14 total)
  • ladydelaluna

    (@ladydelaluna)

    17 years, 9 months ago

    May we have a URL please? It’s always easier to give you the exact code and all when we can see what you have currently.

    If you can’t, the best I can say is to look for the sidebar’s ul class and find the following line and remove it:

    list-style-type: none;

    mpgeorge

    (@mpgeorge)

    17 years, 9 months ago

    I could really do with this as well (if I may be so bold as to share the thread, instead of making a new one on an identical topic.)

    My URL is: http://www.conflictoflaws.net . As you can see, the recent posts need delineation between each; otherwise it’s quite difficult to see where one starts and the other ends. Any pointers would be appreciated.

    ladydelaluna

    (@ladydelaluna)

    17 years, 9 months ago

    mpgeorge – to create bullets only for that part of the sidebar, look for

    .fuzzy-posts in your stylesheet and remove the list-style-type:none;

    IF it’s not there… the class for fuzzy-posts, then scroll to the bottom of your stylesheet and add the following:

    .fuzzy-posts {
    list-style-type: disc;
    }

    you can replace disc with a number of things, i happen to prefer square – but that’s my taste. 😉

    mpgeorge

    (@mpgeorge)

    17 years, 9 months ago

    Marvelously, I put the code in, and then my site went down completely (I have no idea if the two are connected.)

    In any event, I have a database error. Any ideas?

    mpgeorge

    (@mpgeorge)

    17 years, 9 months ago

    Pas probleme: site back up!

    Thanks for your help, Lady, but unfortunately the code above doesn’t do anything to my recent posts when I tack it on to my stylesheet.

    moshu

    (@moshu)

    17 years, 9 months ago

    fuzzy_post is not a class but id, so it should be
    #fuzzy_posts {...
    (no guarantee it will work, since there are divs inside that list)

    ladydelaluna

    (@ladydelaluna)

    17 years, 9 months ago

    okay – try this one:

    div#sidebar li {
    list-style: none;
    margin: 0;
    }

    remove the list-style:none; and it will make every list item on your sidebar have a bullet…

    and no, the code i’d given you before and the site going down were not related, i promise. 😉

    onseduction

    (@onseduction)

    17 years, 9 months ago

    to have only the recent posts bulleted add:

    #fuzzy-posts ul li {
    list-style-type: disc;
    }

    after (!) this line:

    div#sidebar li {
    list-style: none;
    margin: 0;
    }

    Thread Starter jayjerome

    (@jayjerome)

    17 years, 9 months ago

    Yikes… I know I shouldn’t have taken a nap…
    here’s my URL:
    ‘www.jayjerome.com’

    Thread Starter jayjerome

    (@jayjerome)

    17 years, 9 months ago

    again, without the ticks, my URL is
    http://www.jayjerome.com

    mpgeorge

    (@mpgeorge)

    17 years, 9 months ago

    By Jove, it works!

    Thanks OnSection, LadyDelaluna and Moshu.

    My only slight reservation is that I’d like the bullets to be in line with the rest of the sidebar, instead of slightly to the left of it. Any ideas?

    http://www.conflictoflaws.net

    Thread Starter jayjerome

    (@jayjerome)

    17 years, 9 months ago

    Two things:
    mpgeorge: If you saying there are bullets on your conflictoflaws site alongside your Recent Posts they weren’t visible when I just went to you link.

    everyone else: MY initial request seems to have been hijacked — can someone take a look at my URL and offer similiar suggestions?

    mpgeorge

    (@mpgeorge)

    17 years, 9 months ago

    Jay: I’ll leave the thread alone.

    moshu

    (@moshu)

    17 years, 9 months ago

    JJ,
    If you have long post titles – don’t use a theme that has the narrowest sidebar ever seen…
    Or, if you still want to use the theme, maybe you should reconsider the usefulness of the “recent posts” which is displaying the same posts that I can see on the main page.

    Now, theory apart, you should give a class to the <li> tag opening your recent list, and define that list in your stylsheet to have bullets or whatever.
    Examples are above in the thread.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘How do you format ‘bullets’ in Recent Post list?’ is closed to new replies.