I’m using Elementor to build pages, and any text field where there’s a text field, the
and
lists do not show bullets.
I edited the theme’s CSS (Appearance > Customize > Ambition Theme Options > Custom CSS) and entered this:
ul, ol {
margin: 0 0 20px 30px;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
This fixed it in the Elementor text boxes, but then the menus and menu items showed the bullets and the margins got messed up.
The only workaround I’ve found is to manually enter the lists as HTML in Elementor, and manually style them. I’ve found that if I change <ul> to <ull> then change all the <li> tags to <li style="style-type: disc;"> it works, but then there’s no way to hang the bullets as adding list-style-position:outside; doesn’t affect anything.
Obviously, entering all these list items by hand is tedius. What’s worse, is any code that’s generated by a 3rd-party (like Shopify) likewise causes the bullets to be dropped. So it doesn’t seem to be strictly related to Elementor.
.
.