Fixing image and text layout in Supply theme: How to do it?

Store Design
1

There is text showing on top pf my images on a page. How do I fix it? (In Supply theme)

LynnieHHHY_0-1688358820265.png
LynnieHHHY_0-1688358820265.png1920×1080 300 KB

2

Hi @LynnieHHHY
Its SideNode! We will be happy to help you today.

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.scss.css>Add this code at the bottom.

.featured-box--inner {
    height: 100%!important;
}

you can see the change .

SideNode_0-1688363632414.png
SideNode_0-1688363632414.png1338×314 150 KB

f I managed to help you then, don’t forget to Like it and Mark it as Solution!

Let me know if need further assistance
Regards,
SideNode

1 Like
3

Hi @LynnieHHHY

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.scss.css file:

#food-storage-amp-reusables .vertical-middle {top: inherit !important;}

Regards,

San