Bullet lists not showing

Sebastiano89

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sebastiano89

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sebastiano89

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

Hey,

here is the CSS

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

cheers

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sebastiano89

Thank you Bryan!

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

Sincerely,
Sebastiano

Pablo

It was CSS conflict with our list item.

But, this CSS Bryan sent you resolve it.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sebastiano89

Thank you!

Sebastiano89

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

I changed the code again.

It will be in content now only.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Sebastiano89

Thank you Pablo!