css - Bullet points not showing in wordpress

admin管理员组

文章数量:1122832

Please I'm facing a problem with my blog, since the the bullet list points are not showing on my blogposts even though I always add them via the editor. This is a direct link to a paragraph with bullet points but they don't show up, so I used dash instead but still using the bullet points which don't appear, I also want the , sin ce the indentation doesn't appear neither.

Please I'm facing a problem with my blog, since the the bullet list points are not showing on my blogposts even though I always add them via the editor. This is a direct link to a paragraph with bullet points but they don't show up, so I used dash instead but still using the bullet points which don't appear, I also want the , sin ce the indentation doesn't appear neither.

• css
• editor
• post-editor

Share Improve this question edited Jan 22, 2023 at 13:59 fuxia♦ 107k3838 gold badges255255 silver badges459459 bronze badges asked Jan 20, 2023 at 20:15 arnodherosarnodheros 111 silver badge11 bronze badge 2

• Your shorturl doesn't work, but regardless, this is a CSS question, and so off topic here. – vancoder Commented Jan 20, 2023 at 20:59
• @vancoder This is the link, sorry I didn't notice that it didn't work at first : bit.ly/3QWn6qq If I can just know where I can have help concerning my question, I'll move it to the correct place. thanks – arnodheros Commented Jan 20, 2023 at 22:00

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 0

In the Additional CSS for your theme, add the CSS code for 'list-style-type' for unordered list. Something like:

ul {
  list-style-type: circle;
}

Note that this will affect all unordered lists on your site.

Take a look at this page for other options: https://www.w3schools.com/css/css_list.asp

Added

Note that your theme may be using additional CSS that could override the above setting. So you can try this to override the theme's overrides:

ul {
  list-style-type: circle !important;
}

You can also inspect the generated page code for a specific ID or CSS Class used.

Another option is to make a Child Theme, then look at the theme's styles.css file for the UL's CSS code, and copy that into your Child Theme's CSS file, then modify that. This works because a Child Theme's CSS is loaded after the 'parent' theme's CSS file, so the Child Theme's CSS will override theme settings.

Note that you don't want to modify the theme's CSS file - a theme update will overwrite your changes.

If you’re looking to delete bullet points in the footer menu of your WordPress site, this is usually a simple CSS fix. By default, some themes style the footer menu with bullet points, which can be distracting if you're aiming for a clean design.

To remove them, you’ll need to add a bit of custom CSS to your site. Don’t worry—it’s pretty straightforward!

Here’s how you can do it:

Access the Customizer: Go to your WordPress dashboard, and navigate to Appearance > Customize.

Add Custom CSS: In the customizer, find the Additional CSS section and paste the following code:

css

.footer-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

This code will remove the bullet points from your footer menu. The list-style-type: none; property tells the browser not to display any bullets, and the margin and padding properties ensure the list is properly aligned with the rest of your design.

If you're still seeing bullet points after adding the CSS, your theme might be using more specific styles that override your changes. In that case, try using !important in the CSS code, like this:

css

    .footer-menu ul {
        list-style-type: none !important;
        margin: 0;
        padding: 0;

}

For a more detailed step-by-step guide with screenshots, head over to my post on this topic: Delete Bullet Points in Footer Menu in WordPress. I cover everything you need to know to clean up those unwanted bullets!

本文标签： cssBullet points not showing in wordpress