list bullet / indent not showing on the page

Hi @bindubhatia2012,

Try adding this CSS to the Additional CSS section of customizer:

.elementor-widget-container ul {
    list-style: disc;
}

If that doesn’t work as expected – could you provide a screenshot of how it’s set up in Elementor where it’s formatted together with the Elementor settings sidebar for that section?

Thanks, Bullets are showing now..

However, I am not able to indent it…

please check out the screen shot, 2nd bullet in the edit section is indented however the same is not showing in the preview

https://neucodetalent.com/wp-content/uploads/2020/06/Capture-1.png

any resolution for above issue

Hi @bindubhatia2012,

That’s a bit weird that this is happening,however, what if you add:

.elementor-widget-container ul {
    list-style: disc;
    margin-left: 40px;
}

instead of the previously provided code so there is also a margin set for every <ul> element?

I hope that helps!

• This reply was modified 4 years, 8 months ago by Vytis.

I had exactly the same issue. The code which you provided, works. Thank you!

However, my text was white and the bullets were dark grey. This was due to me using the editor buttons in the text typing area to colour the text. When I went to the style section, I was able to make both the bullets and the text white. I thought this would be worth sharing with everyone.

Thank you SO much! The 2nd code worked and now my bullet points indent in Elementor. You are a life saver!

Hi, I’m having the same issue with the following page:

https://meredithlstewart.com/contact/?preview_id=113&preview_nonce=527291a90d&preview=true

I tried adding both code snippets to the “Additional CSS” section of customizer but neither of them work.