Support » Theme: Storefront » Recent Posts – Sidebar, Increasing Space between Items

  • Resolved soundsvisual

    (@soundsvisual)


    Hi on a website I do as a volunteer for a Dog rescue charity, I am trying to increase the space between the Recent Posts entries in the sidebar please.

    At the moment there is not space between them – and I’m wondering if it might be easier to read if they had a little bullet before each one.
    I’m trying to learn CSS but can’t see how to do it.
    Thank you for any help
    Jonathan

    • This topic was modified 1 month, 2 weeks ago by soundsvisual.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter soundsvisual

    (@soundsvisual)

    Just to clarify – I mean the vertical space between the post exerpts in the ‘Recent Posts’ sidebar widget

    Hi @soundsvisual

    Thanks for reaching out!

    Just to clarify – I mean the vertical space between the post exerpts in the ‘Recent Posts’ sidebar widget

    You can add the following CSS code under Appearance > Additional CSS:

    .wp-block-latest-posts.wp-block-latest-posts__list li {
         padding-bottom: #px;
    }

    Replace # with your preferred number.

    This will be the output using 20px:

    Image Link: https://snipboard.io/uf7FCo.jpg

    Hope this helps!

    Thread Starter soundsvisual

    (@soundsvisual)

    Great thanks so much – works perfectly.

    Do you know if there is a way to remove or change that little icon that sits in front of each entry in the latest posts list please?

    Many thanks
    Jonathan

    Theme Author Automattic

    (@automattic)

    Hi @soundsvisual – Sorry we overlooked your last message. If you still need assistance, please let us know here or create a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.