How to move the text in custom content on top of on top of the image **not over-lay**

Store Design
1

I would appreciate it if someone has a solution for moving the text in the custom content section on top of the image or at the bottom ** not over-lay** and make it centered with the image

2

Hi @FerasQ
Can you please share your store URL?

3

@FerasQ

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. :blush:

Please share your site URL,
So I will check and provide a solution here.

Welcome to the Shopify community!
and Thanks for your question. :blush:

4

Hi @FerasQ ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

5

can you please provide me with an email to send the url password ?

6

can you please provide me with an email to send the url password ?

7

@FerasQ

8

Thank you @KetanKumar for the great solution ! The text have been moved on top of the content image. Just one more note how can I make the subtext justified ?

9

@FerasQ

thanks

yes, please try this code and accept solution and more like shopify community please

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.custom__item.small--one-half {
-webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
}
.custom__item-inner--text .medium-up--text-left {
    text-align: justify;
}
}

yes please update this code