Site logo

Archived topic

Style of points of the lists

3 replies · Started by Albert on March 3, 2022

Viewing posts 1–4 of 4

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!

This archived topic is closed to new replies.