Make image with text full width - horizon theme

Store Design
,
1

Hello, i would like to make my image with text’s full width:

Screenshot 2025-09-03 at 15.32.58
Screenshot 2025-09-03 at 15.32.58804×795 53.9 KB

my store is https://vg4z20vq80vtlw7y-90984481091.shopifypreview.com/ , theme is horizon

2

Hello @ads18922 ,

I hope you are doing well!

Can you please provide the link to the page where the image is available?

3

if you click the link i attached, then scroll down to my footer where it says “About Us” - it’s that page

4

If I got it right, this should do the trigger for you:

.section-content-wrapper.section-content-wrapper {
   flex-wrap: wrap;
}
5

Hey @ads18922,
Thanks for asking this Question. In order to do the requested changes you need to follow these steps.
Go to Shopify Admin >> Online Store >> themes >> Edit Code

In the end of Edit Code paste the following code.

.spacing-style.layout-panel-flex.layout-panel-flex--row.section-content-wrapper.mobile-column {
  flex-direction: column !important;
}
.spacing-style.text-block.text-block--AVzJjVFR5Sm5zTzR3V__text_J7Ykqn.h4 {
  --max-width: 100%;
}
.spacing-style.text-block.text-block--ARWxtMlZYUkNiUkV0W__text_bBV9ME.rte {
  --max-width: 100% !important;
}

Results:

image
image1915×793 108 KB

6

hello, when i paste this into custom css or base css it doesn’t work - am i putting it in the wrong place?

7

Yeah maybe.
By any chance can you share the collab code with me so that I can paste it in the correct placement.

8

Try to go to Online Store → Customize → Theme Settings → Scroll Down to the last option “Custom CSS” paste and save.

10

It’s important to share it in the p/m.

11

Please add below css code at bottom of assets/base.css file

.border-style div {
display: flex;
flex-wrap: wrap;
}

Thank you.