[Resolved] Recent post widget title icons

[Haider]

Hi there,

How can I add icons instead of bullet points for titles in the recent post widget
https://ibb.co/4WYnFjx
(arabic WordPress screenshot – so the left side is what that final product should look like)

I figured this css class for latest posts, I think!
.wp-block-latest-posts

and then I wanted to use this icons \270D

so with my humble experience I attempted to link both as

.wp-block-latest-posts li {
    content: '\270D';
}

But that’s not working! Any help, thank you

[Ying]

Hi Haider,

Any chance you can link us to the site in question?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[Haider]

Hi Ying

I use latest post block in few pages
But here are the main ones, links attached

Thank you

[David]

Hi there,

try this CSS:

.wp-block-latest-posts li {
    position: relative;
}
.wp-block-latest-posts li a:before {
    content: '\270D';
    position: absolute;
    font-size: 18px;
    right: -1.5em;
}

[Haider]

Worked like a treat.

Thank you David

[David]

Glad to hear that!

[Author]

Posts