Solved

How can I fix the width and gap in multirow images?

vgodenir
Tourist
6 0 0

Hey could anyone tell me how to 1) fix the width of the full multi-column and 2) the gap in between the photo and the text?

 

https://grace-and-glamour-sk.myshopify.com/

 

 

Screenshot 2024-03-16 at 9.07.59 AM.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2088 598 467

This is an accepted solution.

Hey @vgodenir

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
#shopify-section-template--17298032754915__multirow_pjCWaR .image-with-text__media img,
#shopify-section-template--17298032754915__multirow_pjCWaR .multirow .multirow__inner {
    max-width: var(--page-width) !important;
}
</style>

 

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

ThePrimeWeb_0-1710603244494.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
2088 598 467

This is an accepted solution.

Hey @vgodenir

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
#shopify-section-template--17298032754915__multirow_pjCWaR .image-with-text__media img,
#shopify-section-template--17298032754915__multirow_pjCWaR .multirow .multirow__inner {
    max-width: var(--page-width) !important;
}
</style>

 

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

ThePrimeWeb_0-1710603244494.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!