Getting rid of > on widget menu items (3 posts)

  1. claredotcom
    Posted 2 years ago #

    I'm pretty good with css and customising wordpress theme styles - but for the life of me I can't get rid of the little > mark before menu items in widgets....

    I wouldn't mind but they format badly and look wrong with my site.
    I've tried overriding the class menu-item which seems to be the only common class applied to items getting this > mark but it won't go away!!!

    At first I thought it was being generated by woocommerce (because I noticed it doing it to <li> items generated by the featured or random products widgets - but it throws them out on standard custom menu widgets as well.

    Any ideas? I love the theme otherwise and it's generally really easy to override and customise styles - but this has me baffled!


  2. TravisSenzaki
    Posted 2 years ago #

    Hi Clare,
    I had to open the actual css files from my CMS to fix this issue. The only css file I can seem to edit through WordPress' Dashboard gets superseded by the problem file.

    From your CMS, open /wp-content/themes/simpleo/css/sidebar.css
    Once you have that open:

    Find: ".widget ul li"
    Delete the line that says: "background: url("../images/cat-arrow.png") no-repeat scroll left center transparent;"

    Scroll down to ".widget ul li a, .fbox ul li a"
    Change: padding: 0 0 0 15px;
    To: padding: 0;

    That should tidy up your sidebars. I applied it on my site at: http://travissenzaki.com

  3. claredotcom
    Posted 2 years ago #

    Thanks Travis - worked a treat!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic