Site logo

Archived topic

Add icon in widget list just like GP site

5 replies · Started by pedro paulo on January 8, 2021

Viewing posts 1–6 of 6

Hi Folks,

How can I add icons in sidebar widget list just like GP site (page blank icon)?

Hi there,

GP uses some Custom CSS for that - can you share a link to your site where i can see the lists and let me know which list you want to display an icon beside.

I am not seeing the Related Posts widget in the sidebar?

This CSS will add an icon to the Categories list:

.widget_categories ul li::before {
    content: "";
    background-image: url(url_to_your_icon_image);
    width: 15px;
    height: 17px;
    background-size: 15px 17px;
    display: inline-block;
    margin-right: 10px;
    opacity: .5;
    position: relative;
    bottom: -2px;
}

You will need to upload your own icon image, and add the URL to where it says: url_to_your_icon_image

Once i can see the Related posts widget i can update the CSS to include that.

Great! That's why I am a huge fan of you, guys! Worked perfect!!

You're welcome

This archived topic is closed to new replies.