Modify image size in "Image with Text" section

Store Design
1

Hi! I was wondering what code I should use to modify the max height and width of images in the image with text section? I am using the theme Taste.

Many thanks for your help and time! :slightly_smiling_face:

2

@taliaarab ,

Share the store URL…

3

Sorry my bad,

https://talia-arab98.myshopify.com

Password: Malek10.

4

@taliaarab ,

Its looking fine?

What’s your requirement ?

5

This image’s height is a bit too big, I would like to make this image smaller (only height not width)

6

@taliaarab ,

.image-with-text__media.image-with-text__media--small.gradient.color-background-1.global-media-settings.media img {
    height: 535px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

7

Amazing! Thank you so much. Is there a was to place center it with the text by any chance? To place it lower (file attached)

8

Ohh and also I don’t want to modify anything in mobile view, how could I keep the same format as before in mobile view and only modify the desktop format? Thanks!

9

@taliaarab ,

.image-with-text__media-item.image-with-text__media-item–small.image-with-text__media-item–top.grid__item {
margin-top: 5%;
}

use this css

10

Amazing thank you so much! could I keep the same format as before in mobile view and only modify the desktop format? Thanks!

11

@taliaarab ,

@media only screen and (max-width: 768px) {
.image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--top.grid__item {
margin-top: 5%;
}
}
12

@taliaarab ,update the pervious code with this…

13

It doesn’t seem to be working anymore when I update the previous code with this one. It just cancels it out

14

@taliaarab ,

@media only screen and (min-width: 768px) {
.image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--top.grid__item {
margin-top: 5%;
}
}

Use this…

15

Amazing it’s perfect! Thank you so much for your help and time, really appreciate it :slightly_smiling_face: