[Support request] Add icon in widget list just like GP site

[pedro paulo]

Hi Folks,

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

[David]

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.

[pedro paulo]

Hi David,

The site is: https://tecnicasdecobranca.com.br/

I would like to display in “categories” and “related posts” widget at right sidebar.

[David]

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.

[pedro paulo]

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

[David]

You’re welcome

[Author]

Posts