Making an image fill a box

[logoglo]

Hi there, ok, so I have some code to make a popup video lightbox on the click of an image:

SIEMonster | Affordable Security Monitoring Software Solution

If you scroll down, you will see the video section. It works well, but on other device sizes, the image doesnt fill the box like the other sections above and below.

the code I have is:

[image src=“http://siemonster.kinsta.com/wp-content/uploads/2018/08/vidimages-01-new-min.jpg” link=“true” href=“https://player.vimeo.com/video/190600302?autoplay=1&title=0&byline=0&portrait=0” frameborder=“0” webkitallowfullscreen mozallowfullscreen allowfullscreen;showinfo=0" frameborder=“0” lightbox_video=“true” class=“lbx”][lightbox selector=".lbx"]

How do I remove the padding or margin, and make it flush on at all sizes?

Thanks.

[nabeel]

Hi there,

Thanks for writing in! Try giving your content band a class fullwidth-images that has those images and then add the following code in the Theme Options > CSS:

.fullwidth-images a.x-img>img {
    width: 100%;
}

Hope this helps!

[logoglo]

Perfect! thanks.

[Alaa]

We are glad we were able to help, you are welcome