Archived topic
Style of points of the lists
3 replies · Started by Albert on March 3, 2022
Hello, I would like to style the points of the lists, like in this example:
https://wpjohnny.com/best-wordpress-themes/
How can I do it?
I see that the CSS you use is:
background-color: #ffcd00;
border-radius: 2px;
content: '';
height: 9px;
position: absolute;
top: 8px;
left: 0;
width: 9px;
But I don't know how to apply it to the <li>. Thanks
Hi there,
try this CSS:
.entry-content>ul {
list-style: none;
margin-left: 0;
}
.entry-content>ul>li {
position: relative;
padding-left: 20px;
}
.entry-content>ul>li:before {
content: '';
display: block;
width: 9px;
height: 9px;
border-radius: 2px;
background-color: #ffcd00;
position: absolute;
left: 0;
top: 9px;
}
It works perfect! How do you go about getting answers to everything?
thank you so much David, amazing support!
I have google lol :)
Glad to be of help!