Docs

[beornbjorn]

Hi!
I’m having some difficulties with coloring the background of the PNG.
I would like to color the background behind the transparent PNG. Not sure why, but when i do that, the background is the same size of that of the column. I don’t need that. I just want the color behind the image (in this case, top of their heads – like it looks on mobile view) How to achieve this?

I have following CSS applied to the page

.leva {
  max-width:40% !important;
  float: left !important;
  
}

.desna {
  max-width:40% !important ;
  float: right !important;
   
}
.cbfotka
{ -webkit-filter: grayscale(100%);
filter: grayscale(100%);
  }

@media only screen and (max-width:768px) {
   .leva, .desna
}

.leva is applied to left, and .desna to right column

url: http://hardknocksfighting.net/hk51-fight-card/#

[Nico]

HI There,

Thanks for writing in.

Remove the background color you added in the image. Then add this in your customizer > Custom > CSS:

.leva a.x-img>img{
background-color:red;
}

.desna a.x-img>img{
  background-color:blue;   
}

Hope it helps.

Let us know how it goes.

Thanks.

[beornbjorn]

Thank you!
That worked

[Thai]

You’re most welcome 🙂

[Author]

Posts