How to add a picture on my widgets

Hello, I see yall added a christmas hat to all your widgets, whats the code to doing something like that? 

And if yall can tell me, how could I ALSO put a picture to the left of the widgets header? So to have 2 pictures on each widget.

Thank you!

Add to your CSS, for phpbb3.

Code:

#left .module .h3, #right .module .h3, .portal .module .h3 {
  background:url(http://i59.servimg.com/u/f59/09/02/31/09/santa-10.png) no-repeat left center;
  padding:6px 0 6px 35px;
}

Thank you Ange

You can add an other nice effect with the hat like the image below:

to do that add the code below:

Code:

.module:before {
content: url(http://i39.servimg.com/u/f39/19/06/26/04/fgxmas10.png) no-repeat!important;
margin: -10px 0 0 -28px;
position: absolute;
}

Thats actually kind of better lol
Thank you Luffy!

You 're welcome!
With this and by changing the margin command you can move it wherever you want!
For example if you move it and replace the margin command with this: margin: -5px 0 0 -30px; it will adjust the hat exactly to its right position.

hello, with this code you gave me, how do i send the picture to the background so it doesnt go on top of text? I changed my picture to one that is pretty big but on my phone and small monitors its too big and blocks the main header text of widget. is there a way to send it to the bg or make the text more important?

Which is the script for phpBB2? I've tried to put it in CSS, but it doesn't work.
Please, help me!

Thank you very much!

Hello, 
I would still like the code to put 2 pictures on the widgets, one on each side. If possible, I will be very grateful!

Hello @_Twisted_Mods_
No that does not work, I have this: 

Code:

/*Picture on widgets*/
.module:before {
content: url("https://www.filepicker.io/api/file/7QMldmdESPCVziNMNryA+skul3.png") no-repeat!important;
margin: 0px 0 0 0px;
position: absolute;
  margin-top: 1px;
}

I want the same but to add another pic on the left in addition to right. Thanks!

replace all your widget image code with the code i gave you and should work

I removed it all and added yours but it did not work idk why
Whats the Content: '' for?

sorry didnt look and see u was on punbb not phpbb3

Code:

.module:before{
      content:'';
      height:30px;
float:left;
      background:url(http://i59.servimg.com/u/f59/09/02/31/09/santa-10.png) no-repeat left center;
      padding:6px 0 6px 35px;
    }
.module .h3:after{
          content:'';
   margin-top:-12px ;
      height:30px;
float:right;
      background:url(http://i59.servimg.com/u/f59/09/02/31/09/santa-10.png) no-repeat left center;
      padding:6px 0 6px 35px;
    }

You are the best, thank you!!!!!