Increase Width of Image

[riugn557]

Hi there,

I’m trying to get the image (of the colourful painting) on this page https://thelanguagesherpa.com/russian-untranslatable/ to be bigger, but struggling to do so.

I would like it to be increased proportionately in size such that its width is almost full-width (except for a margin of 15px on either side).

Do you know how I can achieve this?

Thank you!
LS

[jade]

Hi LS,

Please select the Row setting that contains the image then turn off the Inner Container option.

[riugn557]

Hi Jade,

I have done that now but I still don’t know how to make the image bigger

[jade]

Hi LS,

There are two painting image on the page that you have linked. Are you talking about the first image?

If so, try adding this code in the global CSS:

.single-post .x-container.width {
    width: 100%;
}

[riugn557]

Hi Jade,

Sorry that was a mistake - there should only be one image now: the one under the ‘untranslatable russian words’ text.

I tested the code you gave me but it didn’t affect the picture.

LS

[Prasant]

Hello @riugn557,

Please try out following CSS and see how it goes:

@media only screen and (min-width: 900px) {
   .single-post .x-image img {
    min-width: 900px;
}
} 

Thanks.

[riugn557]

Hi Prasant,

Unfortunately that didn’t work - it made the picture bigger but only on the right, and it messed up the header.

I took a screenshot:

LS

[riugn557]

Actually it’s OK - I got it work in the end.

Thank you anyway!

[thai]

Glad you’ve sorted it out