• Resolved kaileyhart

    (@kaileyhart)


    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter kaileyhart

    (@kaileyhart)

    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 Green

    Thread Starter kaileyhart

    (@kaileyhart)

    I 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

    Thread Starter kaileyhart

    (@kaileyhart)

    Thank you so much everyone.

    Connie thank you so much! HTML is very foreign to me but I appreciate all your help 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove Icon/Images for each widget category’ is closed to new replies.