Removing bullets from “Latest Posts” block

  • Resolved BERJAYAbastecutfold

    (@bastecutfold)


    2 weeks, 5 days ago

    At the bottom of {page linked below}, I’ve used the WordPress “Latest Posts” block to display my most recent content. However, I don’t like the look of the bullets next to the title of each post, and I can’t figure out how to remove/hide them. They don’t appear in the WordPress editor, just on the live site.

    Is there CSS I can use to remove these? I’m using Kadence and the Limoncella theme from Restored 361.

    • This topic was modified 2 weeks, 5 days ago by BERJAYAYui. Reason: redundant link removed

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • BERJAYAJainil Nagar

    (@jainilnagar)

    2 weeks, 5 days ago

    You can remove the bullets with CSS, but it’s best to scope it to just that block so it doesn’t affect other lists on your site.

    First, add a custom class to your Latest Posts block:

    • Edit the page
    • Select the Latest Posts block
    • In the right sidebar, open the Advanced panel
    • Add a class name like: home-latest-posts

    Then add CSS like below:

    .home-latest-posts li {
        list-style-type: none;
     }

    Moderator BERJAYAthreadi

    (@threadi)

    2 weeks, 5 days ago

    You can do this with the following CSS:

    .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li { list-style: none }

    You’ll need to add this to your theme as custom CSS. Since you’re using the Kadence theme, they have instructions for this here: https://www.kadencewp.com/help-center/docs/kadence-theme/add-custom-css/

    Thread Starter BERJAYAbastecutfold

    (@bastecutfold)

    2 weeks, 5 days ago

    @threadi That worked perfectly. Thank you!

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

You must be logged in to reply to this topic.

Tags