Changing font in sidebar recent posts widget

  • Hello

    I’m trying to make the font smaller in the sidebar recent posts widget.

    Please help me (my apologies this is css 101)

    Must I make the changes in the style sheet? If so, won’t it change the fonts in the whole sidebar?

    Is it possible to add the font required into the widget code?

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

  • if this is the default recent posts widget, you could try to add this line to style.css of your theme:

    .widget_recent_entries { font-size: 80%; }

    (or any other font-size)
    if that does not work, you could post a link to your site to get more suggestions.

    Thread Starter karenelated

    (@karenelated)

    Thanks! that’s definitely working. Still have a few hiccups that I’d appreciate advice on please?
    the blog is here: https://blog.dive-the-world.com/

    1. How would I keep the heading “Recent Posts” as font size 100% same as the other headings?
    2. Is it possible to add bullet points into this widget, just for the recent posts, not the heading? As it will help differentiate the posts that wrap to the next line. In my experience with dreamweaver li ul li would produce a bullet point – should I add bull in somewhere, have tried, but no luck so far.

    Thanks! I know this is very basic, thanks for your patience.

    1.
    change the style to:

    .widget_recent_entries ul { font-size: 80%; }

    2. bullet points:

    .widget_recent_entries ul li {  list-style-type: disc; }

    list css
    https://www.w3schools.com/Css/css_list.asp

    Thread Starter karenelated

    (@karenelated)

    That’s it – thanks a stack!
    cheers

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing font in sidebar recent posts widget’ is closed to new replies.