Archived topic
Bullet Point Not Appearing
7 replies · Started by June on December 24, 2021
Hello, I just realized that the li bullet points are not appearing anywhere on my site. Please see the image for your reference. I want to add filled circle bullet points in #00d07e color. Please help in resolving the issue.
Hi there,
Looks like you've figured out?
This is what I'm seeing:
https://www.screencast.com/t/ppmXWoyH8mN5
Hi Leo,
This is my old setting in the image you have shared and I wanted to change them back to original (circle) in bigger size but now I don't see the bullets. Please check what's going on.
Looking forward.
Hi June,
You can add this CSS to define the color:
.single-post .entry-content ul li::marker {
color: #00d07e;
}
And you need to modify this CSS you added: list-style-type to disc.
https://www.screencast.com/t/cigcNa0eg5S
Let me know if this helps :)
Thanks Ying :)
It worked but some css setting is needed to adjust the bullets. Right now it appears like this.
Also, is there any chance I could increase bullets size. I want to make it bit bigger.
You added this CSS to have negative text indent which you need to adjust:
https://www.screencast.com/t/FOKgJhmUCiGd
For bigger bullets, you can add font-size to the CSS I provided, so it becomes like this:
.single-post .entry-content ul li::marker {
color: #00d07e;
font-size: 30px;
}
Changed it and it is looking fine now. Thanks, Ying :)
Just want to fix one last thing. I want to align the bullet point and text as you can see here they're are not coming in the same line. The bullet is up and the text is down. Please assist.
I'm not familiar of the list style CSS, I'm not aware of a way to align the current bullet and the text when they have different font size.
I would suggest using Headline block of GenerateBlocks to recreate the list. In that way, you should be able to create the list with icons without using CSS.