Please define what text would include bullets…also, if pasting from a Rich Text Editor, do not (always include plain text)…use the links in the post/page editor to add them…
Set of four (4) napkins
100% cotton
Machine washable
Monogram is embroidered on in your choice of thread colour
Those 4 lines are supposed to have bullets. The bullets appear in the editor no problem but when I publish they do not appear.
For:
.products .right_products ul, ul.products {
Try:
list-style-type: square; (or other)
not list-style
Use following CSS. Both CSS are locating in style.css file. you will find and replace with my code.
.products .right_products ul, ul.products {
list-style: disc;
}
.products .right_products ul li {
margin: 0 20px 0px 16px;
}
I still suggest using list-style-type
That worked but generated another problem when I made the change (I have since reverted back to the original). When I make that change I get bullets on my product category page between each product and some products get bumped down to the next line, displaying only 1 or 2 per line instead of the current three. Is there a way to add the bullets only in the product descriptions and not on the product category page?
Revert back to old CSS and try this one
.description ul.products {
list-style: disc;
}
.description ul li {
margin: 0 20px 0px 16px;
}
Just add that or replace something?
Tried adding it to that same area, didn’t change anything.
Anything else I can try?
.description ul.products {
list-style: disc!important;
}
.description ul li {
margin: 0 20px 0px 16px!important;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Please use a browser developer tool to find this stuff out.
In Chrome, view your webpage.
Right click on the text that is not bullet pointed and voila, see the CSS that’s applying to it [screenshot].
You have to use the same or more specific CSS selectors to override styles.
So use this;
.products .right_products ul {
list-style: circle;
}
Then remove the margin on the <li> element;
.products .right_products ul li {
margin: 0;
}
These forums are not meant for sole CSS support. You can receive that support in CSS forums such as http://csscreator.com/forum .
![[screenshot]](http://snag.gy/FMWjp.jpg){kind=link}