How do I change the image height in "Image with Text" in Dawn theme???

[Kueeny]

https://www.docgloves.com/

How do I change the size of the picture of 10 boxes of gloves (Image with Text)? I am trying to make it smaller to be inline with the text. I have tried uploading different pictures, editing code, nothing works.

Please help!

[valiermedia]

Hi there!

I can help. When you say "inline with the text" are you implying that you want to scale the image until the top of the boxes and bottom of the boxes to align with the image/button area as depicted below?

[Kueeny]

Hi! Yes! Or if not possible, just for the image to be smaller. Thank you so much!

[valiermedia]

Try this!

https://valiermedia.com/wp-content/uploads/doc-gloves-resized-1.jpg

[Kueeny]

Thank you, that did shrink the picture, but is it possible to shrink the entire "Image with text" box to go with it to eliminate the empty space? Changing padding doesn't work because of the white space in the picture I think.

[valiermedia]

These styling changes seem to tighten things up a bit. You can tighten things up further by adjusting these rules:

.image-with-text__content {
	padding: 4rem 7rem 3rem;
}

.image-with-text__media {
	padding-bottom: 80% !important;
}

[Kueeny]

Adding this and modifying it did not change anything.

[Kueeny · Accepted solution]

I got it to work by setting pic size to 730x434, shrinking it within, and this code.

.image-with-text__media.image-with-text__media--adapt.media {
padding-bottom: 0px !important;
}

[valiermedia]

Glad you were able to figure it out! I do want to point out however that the code that I supplied does work, it was likely an issue with how it was implemented. The code you provided does have some issues in that it specifically takes the adaptive media option in Dawn and turns it into non-adaptive media (the padding-bottom rule is designed to simulate aspect ratios). Totally fine of course, but not a good solution for others to follow if they just want to tighten things up a bit, as it breaks one of the features of the theme.

[vamsi80]

Hello Valiermedia, can you help me out  how to decrease the image with text hole hight of the container

[vamsi80]

hello , can you help to make "image with text" container  little small