We noticed that the list-style-type for unordered lists is set to none. I've tried resetting it in the theme's overall custom CSS and in the widgets CSS but nothing seems to work. I even added the !important tag! I was however able to add a left margin to the UL and that worked, but no list-style-type. :-( Scroll down the article to see or look at the attached screenshot.
Please try go to edit that page by elementor > click on section wrapper the content > click on Advanced tab and add more extra class for this section is post-entry
We noticed that the list-style-type for unordered lists is set to none. I've tried resetting it in the theme's overall custom CSS and in the widgets CSS but nothing seems to work. I even added the !important tag! I was however able to add a left margin to the UL and that worked, but no list-style-type. :-( Scroll down the article to see or look at the attached screenshot.
Help!
Hi,
We never get this issue before.
Can you show me URL for this issue? Because your related URL doesn't use our theme.
Best Regards,
PenciDesign
Here is the post where it is happening. I'm sure there are more.
https://blog-healthypawspetinsurance-preprod.go-vip.co/2019/05/07/asthma-in-cats-otis
Hi,
Please try go to edit that page by elementor > click on section wrapper the content > click on Advanced tab and add more extra class for this section is post-entry
After that, try it again.
Best Regards,
PenciDesign
I added this to the Advanced/Custom CSS section in the post content:
.post-entry {
list-style-type: disc;
}
Nothing happened. The bullets are still missing.
I've tried adding:
li {
padding-left: 20px;
list-style: disc #4f4f4f !important;
}
The padding works but not the list-style. It's being overwritten by something to show "none" instead of "disc."
Hi,
It seems you didn't do like I said. Please do like I said to fixed it
Check this image: http://prntscr.com/qezqs7
Best Regards,
PenciDesign
Yes I have added the CSS to the section wrapper and nothing happens. The bullets are still not there.
Hi,
It seems you didn't put it in the right place.
Ok, one easier solution, please add more this code to Customize > Custom CSS to fixed this issue:
.elementor-widget-theme-post-content h1, .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h6{ letter-spacing: 0; line-height: 1.3em margin-bottom: 17px; } .elementor-widget-theme-post-content h1{ font-size: 24px; } .elementor-widget-theme-post-content h2{ font-size: 22px; } .elementor-widget-theme-post-content h3{ font-size: 20px; } .elementor-widget-theme-post-content h4{ font-size: 18px; } .elementor-widget-theme-post-content h5{ font-size: 16px; } .elementor-widget-theme-post-content h6{ font-size: 14px; } .elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol{ margin: 2px 0; padding-left: 22px; } .elementor-widget-theme-post-content ul li { margin-bottom: 6px; position: relative; list-style-type: square; line-height: 1.7; } .elementor-widget-theme-post-content ol li{ margin-bottom: 2px; list-style: decimal; }Best Regards,
PenciDesign
I added the UL/OL code to custom CSS and it worked. Thank you.