Increase Width of Image

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

Hi LS,

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

Hi Jade,

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

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%;
}

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

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.

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

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

Thank you anyway!

Glad you’ve sorted it out :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.