How can I resize home images in Dawn theme?

Store Design
1

Hi,

How do I adjust the image size on the ‘Packages section’ of the homepage. I want to reduce the height of the two images on the right so they line-up with the large image on the left.

website: www.myozco.com

pw: Myozco123456

Screen Shot 2022-03-05 at 6.07.31 pm.png
Screen Shot 2022-03-05 at 6.07.31 pm.png2306×1814 343 KB

2

Easiest way to do it, is to add the below CSS, it’s a bit dirty though, but it works fine.

.section#shopify-section-template--15367142506668__collage .card__content {
    position: absolute;
    bottom: -88px;
}

By changing to absolute, it removes the text from the flexbox and aligns the rest of the elements automatically.

Helenama_0-1646467983648.png
Helenama_0-1646467983648.png1185×941 109 KB

3

The simplest solution is to add the CSS below; it’s a little sloppy, but it works nicely. .section#shopify-section-template–15367142506668__collage .card__content { position: absolute; bottom: -88px; }

4

Whereabouts do I add this code?

5

Whereabouts do I add this code?

6

Hi @leehew ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.section#shopify-section-template--15367142506668__collage .card__content {
    position: absolute;
    bottom: -88px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

7

Thank you! Worked.