Docs

[Ying-Fu Li]

Hi,

on this website http://dehartenvriend.nl I have customized the widget title to have an image (a little heart). I used this code for that:

4.h-widget{
    background: url(http://www.dehartenvriend.nl/wp-content/uploads/2016/09/Logo-DeHartenvriendsimple-copy-copy.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    padding-left: 28px;
    font-size: 40px;
}

On this page: http://dehartenvriend.nl/hartenwinkel/ I use a different sidebar than the one on the homepage and it features woocommerce widgets. How can I get that same heart to appear in front of those? First image is what I want, the second how the current woocommerce widget titles are. Can’t find where to change it.

[Rupok]

Hi there,

Thanks for wriitng in!
You can add this under Custom > CSS in the Customizer.

.x-main .widget {
  list-style: outside none none;
}

.x-widget-area .widget .widgettitle {
     background: url(http://www.dehartenvriend.nl/wp-content/uploads/2016/09/Logo-DeHartenvriendsimple-copy-copy.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    padding-left: 28px;
    font-size: 40px
}

Let’s adjust the CSS if needed.

Cheers!

[Ying-Fu Li]

Thank you!

[Paul R]

You’re welcome! 🙂

[Author]

Posts