Can the image be forced to fill the width of the column?

[core365]

Hi, I’m setting up a section which has the first row as the heading and the second row split into 3 columns, an image on the left and an icon list in the other 2 columns.

The image I’ve been supplied doesn’t naturally fill the width of the column. I’ve tried to force it myself by setting the Image width in setup to be larger than the file size, but nothing happens! Is this possible to do?

The pic for your reference shows it being viewed at a mobile screen size which makes it look worse!

I’ll put the URL in a secure link as it’s being built on a temp link.

Thanks!

[nabeel]

Hi @core365,

Thank you for reaching out to us. Yes this can be done, simply assign a class fullwidth-image to your image element first (see screenshot)

Then add the following code in the Theme Options > CSS:

.fullwidth-image, .fullwidth-image img {
    width: 100%
}

Let us know how this goes!

[core365]

Brilliant! Thank you, that’s sorted it!

Thanks!

[thai]

You’re welcome.