Archived topic
Add icon in widget list just like GP site
5 replies · Started by pedro paulo on January 8, 2021
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.
Hi David,
The site is: https://tecnicasdecobranca.com.br/
I would like to display in "categories" and "related posts" widget at right sidebar.
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