Adjusting Height of Text with Image Block on Desktop

Hi there! Would someone be able to supply code to help shrink the height of our Text with Image hero block on Desktop only? It’s very tall and I’d love to be able to condense it a bit. The mobile version is fine as is!

Website: https://www.woodhousespas.com/

Thank you so much in advance!

Hey @glorykwilliams ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Change the value 94 to your liking, before you change it, try it out and see if it fits your needs.


Screenshot is for reference only, the correct code to paste is the one shown above.

This was SO helpful and worked perfectly. THANK YOU!

Oops, I just realized this bumped up the size of all of the Image with Text blocks. We have two additional ones on the home page that we’d like to keep at a decently proportionate scale! Is there a way to isolate that code so it won’t affect those other blocks, only the header one?

Delete the previous one and use this instead.


Thank you! I tried it out on our test site and I don’t think it’s working for the main block unfortunately!

Test site link: https://thmigpfkyo49w5me-52330070214.shopifypreview.com

Hey @glorykwilliams ,

In the test site, the ID is going to be different that’s why.

In your test site, the code should be


SORRY!!! Thank you for your patience. This worked successfully. Thank you so much!

No worries!