Remove Icon/Images for each widget category
-
My blog is theblondetravelista.com
I was wondering how I would remove the pencil icon and file icon to the right of my “recent posts” & “archive” in my left sidebar?
I’m a newbie so I’m sorry if this is a super simple step.
-
If it helps I am using the Virtue theme
Hey Kailey
if you know how to edit your CSS, on your virtue.css just look for
.widget_recent_entries .widget-inner li a:before { font-family: FontAwesome; font-style: normal; speak: none; font-weight: 400; content: "\f040"; float: left; margin-left: -20px; webkit-font-smoothing: antialiased; }
and
.widget_archive .widget-inner li a:before { font-family: FontAwesome; font-style: normal; speak: none; font-weight: 400; content: "\f187"; float: left; margin-left: -20px; -webkit-font-smoothing: antialiased; }
if you delete or comment out those, the little icons should go away
Good luck,
Connie GreenI can’t seem to find that area of the .css :/
Connie Green is right!
Another route, add this to your custom css box in the theme options:
.widget_recent_entries .widget-inner li a:before { display:none; }
Kadence Themes
hey Kailey,
i downloaded the theme and i’m sure is there and that it works, but maybe you can try something really simple
i downloaded this plugin
https://wordpress.org/plugins/simple-custom-css/
that lets you add your own custom css, and that way you don’t have to toy with the theme’s one
UPDATE: and i just found out the theme has its own way of modifying the CSS
On your dashboard go to Appearance > Theme Options > Advanced settings and add the css there (the plugin is still a good choice to download 🙂 )
i added this css
/* removes icons from archives */ .widget_archive .widget-inner li a:before { display: none; } /* removes icons from recent posts */ .widget_recent_entries .widget-inner li a:before { display: none; } /* removes icons from recent comments */ .widget_recent_comments .widget-inner li:before { display: none; } /* removes icons from categories */ .widget_categories .widget-inner li a:after { display: none; }
and if you do want the icons in the future, you just delete this, or part of it.
i hope this helps and let me know if you are still having problems.
– Connie Green
Thank you so much everyone.
Connie thank you so much! HTML is very foreign to me but I appreciate all your help 🙂
- The topic ‘Remove Icon/Images for each widget category’ is closed to new replies.