Hello,
bullets are sitting inside the content when I create ul/ol. how to put them outside the content.
for your reference link of the post is:- https://awareinvestor.in/index.php/2022/01/06/what-do-i-need-to-make-it-in-business/
Thanks
Hi,
Do you want to make the bullet list to look like this -> https://i.imgur.com/QiGvaYa.png ?
For this you can use this custom css:
.td-post-content ul li{
margin: 0;
}
This code need to be set in the theme panel > custom code> custom css.
Thank you!
Hello,
Thanks for your quick response.
but I wanted some other output, where bullets sit outside the content, but not in line with the content.
for example, you may refer to this link: https://imagesharing.com//photo.php?s=2pmzd5fq
Thankx
Hello,
I understand, for this you need to use a custom css, something like this one:
-> https://i.imgur.com/66Hg4Fx.png
.single .td-post-content ul {
list-style-type: none;
}
.single .td-post-content ul li:before {
content:"• ";
position: absolute;
left: 45px;
}
This code need to be set in the theme panel > custom code> custom css.
I hope this will help!
Hello,
Yes, it helps, & thanks for your support.
One another thing. This CSS helped onto UL, but for OL (Ordered List) still, the same problem persists, I would be happy to manage the content in the same way with OL as well.
please help with that also.
Have a Wonderful Day..
I see. I just founded out that there is a simple solution for this, all you need is this custom css:
.single .td-post-content ul, .single .td-post-content ol{
list-style-position: outside;
}
I hope this is what you need!
Thanks Calin,
It worked, thank you so much for your help 🙂
Have a Great Day
