Make Text In 'Image With Text' Full Width With Image In Product Page Only

[JohnLiam231]

The text box width is always smaller than the image width in ‘Image with text’ so it leaves so much space on both sides (image below). Does anyone know how to make the text box width to be as same as the image width? Btw the theme is sense theme.

PS: Please make it only affect the product page, other places such as the homepage remain unchanged

Here is my store: https://b8ef01-3.myshopify.com/

password: euclew

[dbuglab]

Hi @JohnLiam231

Unable to see the this section on home page, where you added this section?

[Dan-From-Ryviu]

Hi @JohnLiam231

Please add this code before tag in your theme.liquid file

[JohnLiam231]

Thanks, it works, but is it possible to make it only affect the product page and keep the homepage “image with text” unchanged?

[Dan-From-Ryviu]

You can add this code below to Custom CSS of that section in your product template so it will change for that section only

@media screen and (max-width: 749px) {
.image-with-text .gradient { padding: 4rem 0px !important; }
}

[JohnLiam231]

Thanks, it works!

[Dan-From-Ryviu]

Happy I could help