Balance theme - how to make the header text box wider in image with text

[tzyz75]

I'm using the balance theme and the image with text has a heading text box that is just not wide enough. Anyway to change that? Thank you!

[CodingFifty]

Hi @tzyz75,

Please share the url

[tzyz75]

ezcabledock.com

[Made4uo-Ribe]

Hi @tzyz75 

The Image with Text design is a 50% text - 50% image layout by default.

• To make the text wider, you can adjust the layout settings so that the text occupies more space, which will make the image smaller.
• If you prefer a design where the text overlays the image, consider using the Image Banner section instead. This allows the text to sit on top of the image, creating a visually dynamic look.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[DaisyVo · Accepted solution]

Hi @tzyz75 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.image-with-text__text-item.grid__item > div {
    padding-inline: 5px !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[tzyz75]

Thank you very much, that worked!