Bulleted List not showing on live page

I have some text on my page which have bullet points. I have added the bullet points within the visual editor and I can see them fine in there. However, when I view the live page the bullets are not showing. I tried using the numbered list and that works fine.

Please advise what I need to do to get these to show?

Thanks

Sharon

Hello Sharon,

Please share a link to the page with issue so we can inspect this, thanks. In this way we can propose a css fix.

All the Best!

This is a demo site for a client as I am just starting to work on http://s500457139.websitehome.co.uk/inner-voice I have inserted a diamond where the bullets should be. Please note, I am not a coder, and have limited knowledge. If code needs to be added, please let me know what it is and where in the theme to add it.

Thanks

Hello again Sharon,

Yes, bullets are not showing inside text widget. Ad custom css code below in order to fix this:

.textwidget ul {
    list-style-type: disc;
    list-style-position: inside;
}

You can apply the code from child theme style.css or with this plugin https://wordpress.org/plugins/simple-custom-css/

All the Best!

That worked, I installed the simple custom css. However, the text does not wrap correctly and it would be good to have a slight gap in between each bullet. How do I make that happen?

Hello again,

In order to have gap between list items, you can use custom css code below:

.textwidget ul li {
    margin-bottom: 10px;
}

Of course, set margin value to your liking.

Regarding wrapping, if you want to have second line of list item be in a line with at the beginning, then replace custom css code from my previous reply with this code:

.textwidget ul {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 25px;
}

Best Regards!

Thank you so much, it looks so much better now.

Many Thanks

Sharon :slight_smile:

You’re welcome Sharon,

And thank you for using our theme.

Bests!

Hi,
I have the same problem in my site:

I can’t view the dot in bulleted list

I try with this CSS:

.textwidget ul {
list-style-type: disc;
list-style-position: inside;
margin-left: 25px;
}

@LucaAndretto

Your site is in maintenance mode so I cannot see that page.

Best Regards!

Try now!

@LucaAndretto

Thanks, domain is working now. It seems that one of your plugins is overriding default styling, it is bt-multy-image-portfolio but you should be able to fix this by adding following css code:

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

.textwidget ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

and result should look like this https://www.screencast.com/t/FXNx5poKIs

Best Regards!

Thanks!!