Archived topic

Recent post widget title icons

5 replies · Started by Haider on January 2, 2022

Viewing posts 1–6 of 6

January 2, 2022 at 4:48 pm #2066877

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

January 2, 2022 at 5:02 pm #2066895

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 :)

January 2, 2022 at 11:40 pm #2067047

Hi Ying

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

Thank you

January 3, 2022 at 6:07 am #2067367

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;
}

January 3, 2022 at 8:48 am #2067727

Worked like a treat.

Thank you David

January 3, 2022 at 9:23 am #2067760

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.