• Resolved emptymind

    (@emptymind)


    I am trying to remove the small icon of a page that appears at the beginning of link titles in certain widgets of the footer and sidebar. I tried changing the font and also applying no decoration but the icon is still there. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hi @emptymind – Are you still referring to the same website as in the other support requests?

    In that case, you can remove it by not displaying the :before section of this menu item. Or by changing the content.


    Link to image: https://cld.wthms.co/7F5fPW.

    So:

    .widget_nav_menu ul li:before {
        content: "";
    }

    Or:

    .widget_nav_menu ul li:before {
        display: none;
    }

    If you also want to delete the whitespace on the left you can add:

    .widget_nav_menu ul li {
        padding-left: 0;
    }

    All of the above can be added at Customize > Additional CSS.

    Thread Starter emptymind

    (@emptymind)

    Thanks it worked. Whats interesting is I had this code in my child theme but no I find most of the code in the child theme is not working. I installed powerpack a few days ago and I wonder if this overides the child theme. Thanks again.

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hi @emptymind – yeah, if you have Powerpack installed as well, the change is quite big that the CSS in there is competing with that of your child theme. Making it even more specific in terms of selectors might do the trick.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove page icons next to links in widgets’ is closed to new replies.