Bullet lists not showing

Sebastiano89 · December 2019

Hello,

I have just installed Betheme and seems that Bullet Lists aren't showing properly on my blog posts. Here's an example: https://www.sebastianodato.it/comunicazione-relazione/dire-basta-ad-opportunismo-e-amicizie-a-convenienza/
I have tried adding this code:

ol,ul li {

list-style-type: disc;

margin-left: 1.5em;

margin-top: 1em;

margin-bottom: 1em;

list-style-position: inside;

}

This worked but I wanted to make it more simple and also adding some space before and after the whole list. Also, when a li is more than one row I would like it to stay in line with text, not going under the bullet.
What can I do?

Pablo · December 2019

Hello,

I do not quite understand.

If the text wrap (which is not avoidable, forcing it to not to wrap will provide a lot of responsive problems, for example overlapping the text from the device), the bullet remains on the beginning of the text.

So, what's the problem?

Can you explain it greater?

If possible, please attach some screenshots (upload on https://prnt.sc and post a link to the image in your next reply).

Thanks

Sebastiano89 · January 2020

Hello Pablo,

basically I've got two problems:

1) If I don't add the CSS in the first post, bullets don't show up but I don't understand why. It works now but I would like to avoid additional CSS.
2) I would like to manage space between lines in the bullet list and ALSO, as you see in the screenshot (https://prnt.sc/qi7275), the word "paure." goes under the bullet point and doesn't keep the same entrance of the whole text.

Please let me know if you need more info

Thank you!

Pablo · January 2020

1) But, you are using the "Elementor" plugin to build the website and this can be source of the problem.

As Can I see, one of your minified CSS is removing the list style.

http://prntscr.com/qie0je

Can you disable the minify plugin? I'll inspect that.

But, if the problem will be related to the third-party plugins, we'll be not able to help you with that.

2) It will be available to change only with the Custom CSS code.

Do you need a further help with it?

Thanks

Sebastiano89 · January 2020

1) I've disabled the minify CSS option in the plugin. Please let me know if the problem is Elementor-related

Didn't know there could be conflict.

2) Yes, please!

Thank you in advance.

Bryan · January 2020

Hey,

here is the CSS

.elementor ul li {
    line-height:25px;
    list-style-position: outside !important;
}

cheers

Sebastiano89 · January 2020

Thank you Bryan!

Did you guys find out if it was a problem related to Elementor?

Sincerely,
Sebastiano

Pablo · January 2020

It was CSS conflict with our list item.

But, this CSS Bryan sent you resolve it.

Thanks

Sebastiano89 · January 2020

Thank you!

Sebastiano89 · January 2020

Sorry to come back again on this. Code is working but it affects the menu on top of page. It basically adds bullets to submenus.

Any way to fix this?

Pablo · January 2020

I changed the code again.

It will be in content now only.

Thanks

Sebastiano89 · January 2020

Thank you Pablo!

Bullet lists not showing

Comments