Viewing 6 replies - 1 through 6 (of 6 total)
  • This code will add the image before the title of the widget, but you’d need to figure out how to drill down further since they all have the same css class settings.

    h3.widgettitle::before {
        content: url("https://irinasopas.com/wp-content/uploads/2019/05/facebook.svg");
    }
    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    Hum… Using the widget id won’t work?

    Oh, I didn’t even notice that; then sure here you go:

    #custom_html-2 h3.widgettitle::before {
        content: url("https://irinasopas.com/wp-content/uploads/2019/05/facebook.svg");
    }

    Just be sure to change the widget ID and the image URL.

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    That worked, you’re amazing GIRL! :D. There is anyway to change the images size? They’re appearing too big, I’m using svg.

    Regards,

    Irina

    You can add this which will size all of them:

    h3.widgettitle::before {
        display: block;
        height: 50px;
        width: 50px;
        margin: 0 auto;
    }

    You can adjust the height/width to your liking.

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    Thank you so much dear, is working like a charm. Now I need to learn how to use jquery to add a link on those images.

    I wish you a very nice weekend.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Image before widget title’ is closed to new replies.