Archived topic
bulleted items not showing
3 replies · Started by raul on June 14, 2021
Hello, what would be the css to pinpoint the bulleted format on a post if a plugin is interfering with bulleted items (not number items) and not displaying on a post. I have tried to tweak the css to apply, which worked but, shows up in other places where it should not.
Hi Raul,
Hello, what would be the css to pinpoint the bulleted format on a post if a plugin is interfering with bulleted items (not number items) and not displaying on a post. I have tried to tweak the css to apply, which worked but, shows up in other places where it should not.
You generally override plugins from CSS by beating it with selector precedence or by use of !important;.
Here's the culprit CSS removing the list-style.
.directorist-content-active ul li {
list-style: none;
margin: 0;
}
It's from the directorist plugin. It's interfering with the unordered list you have with the woocommerce product description but we can override that by writing a more specific CSS that wins out in CSS precedence.
Example: styling the UL inside the woocommerce product description.
div#tab-description ul li {
list-style: disc;
}
Worked like a charm. thanks. I used, div.entry-content ul li {list-style: disc;} for blog post also, since the .directorist was interfering there to. Would I have any issues with that css for blog posts? it seems to work.
Worked like a charm. thanks. I used, div.entry-content ul li {list-style: disc;} for blog post also, since the .directorist was interfering there to. Would I have any issues with that css for blog posts? it seems to work.
The CSS I've provided shouldn't affect anything on blog post pages as div#tab-description selector is specific to WooCommerce single product pages. It's the div ID of the tab descriptions below the product.