Need Collection Images in description the same size

Technical Q&A
1

Hi. We are using collection pages as ‘Brand Information’ pages.

We had it set up by a developer (who we no longer use) so the image was on the left and always the same size, and text to the right of the image.

Natural Grace.png
Natural Grace.png1920×936 161 KB

However we have changed themes now and the images don’t seem to be all the same size now. The theme developer reworked the code for us (The current code in the text editor the images are massive!) which has shrunk images slightly but we would like them all to show the same size.

image (1).png
image (1).png1920×1080 265 KB

Original code used on a custom built theme was:


Founder: FOUNDER NAME

About the brand: BRAND DESCRIPTION br>
APE says: APE SAYS TEXT

Reworked code is:


Founder:INSERT BRAND NAME

About the brand: INSERT BRAND DESCRIPTION


APE says: INSERT APE SAYS

Theme we are using is Avenue.

Is there anyone that can edit this source code to use in the text editor to make all our images a small landscape size? 600px wide about 350 tall? An image resize if possible as opposed to a cropping?

Thanks

2 

---

**Founder:**INSERT BRAND NAME

**About the brand:** INSERT BRAND DESCRIPTION

**APE says:** INSERT APE SAYS

That should do the trick, if not, send me a link to the page in question and I’ll look into it further :slightly_smiling_face:

3

Its within the text editor we are making these changes and we have hundreds of pages like it.

That code went from this:

screenshot-nimbusweb.me-2022.06.30-13_59_00.png
screenshot-nimbusweb.me-2022.06.30-13_59_00.png1920×880 161 KB

To this:

screenshot-nimbusweb.me-2022.06.30-13_58_13.png
screenshot-nimbusweb.me-2022.06.30-13_58_13.png1920×936 188 KB

4

Hmm okay, try the following:


---

**Founder:**INSERT BRAND NAME

**About the brand:** INSERT BRAND DESCRIPTION

**APE says:** INSERT APE SAYS

If you can provide a link to one of these pages I can do some testing via inspect element to get the exact code you will need if the above doesn’t solve.

5

This worked thank you but I’m not liking the picture distorted :confused:

How easy is it to amend the code to instead of resizing to that size it crops the image to that size?

I can see what the images look like cropped rather than resized and distorted.

Thanks!

6 

---

**Founder:**INSERT BRAND NAME

**About the brand:** INSERT BRAND DESCRIPTION

**APE says:** INSERT APE SAYS

The above should stop the picture from being squished and will do some slight cropping depending on the original size of the image.

7

Thank you that was perfect!

8

You’re very welcome!

If you could take a moment to read through my signature below, it would be very much appreciated! :heart:

If you need any help in the future, feel free to message me directly!