Add logo to menu item button in sidebar

http://www.draftpreviewsite.co.uk/css/

Hi I wish to add a small logo into the sidebar menu (see screen grab)

Could you pls supply the way / code to do this?

:slight_smile:

  • Predrag Dubajic
    • Support

    Hey Studio3creative,

    Hope you had a nice weekend :slight_smile:

    Fastest way to go about this would be with some CSS, this way there's no need to edit any actual theme files to add the logo.

    Try adding this CSS code:

    #menu-item-135 a:after {
        background-image: url(http://www.draftpreviewsite.co.uk/css/wp-content/uploads/2016/03/Pay4Later_logo.png);
        content: "";
        display: inline-block;
        width: 73px;
        height: 12px;
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 7px;
    }

    If your theme doesn't have custom CSS field, then you may wish to use a child theme or a plugin like this one for this additional CSS. That way you're protected when you come to upgrade.

    Let us know if that's what you wanted to do :slight_smile:

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.