Can you not move the position of text on images? (Image banner)

Store Design

Topic summary

A user is trying to reposition text on an image banner in their Shopify store, specifically wanting to move “get the look” text from the bottom-center to the top-left area. Unlike other website builders (e.g., Wix), Shopify’s image banner section doesn’t offer a built-in drag-and-drop option for text positioning.

Proposed Solution:
A community member suggested adding custom CSS code to the assets/section-image-banner.css file:

@media screen and (min-width: 750px)
.banner__content.banner__content--bottom-center {
  align-items: flex-start;
  justify-content: left;
}

Current Status:
The original poster hasn’t confirmed whether the CSS solution worked. A second user with a similar issue (using the Dawn theme) reported that the same code didn’t work on their store, suggesting the solution may be theme-specific or require additional customization. The discussion remains open with no confirmed resolution.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Kia Ora!

I’m currently editing my website and in the ‘image banner’ I’m trying to move the text not to be in the middle bottom of the image but top right. But unlike WIXSIT I can’t seem to move the text at all. It’s just fixed there. Is there a way for me to move this? OR use another feature that allows me control of where the text is on top of an image?

Thank you!

1 Like
2

Welcome to shopify community.

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

Thank you.

3

@yuNme
Kindly Share your Store Url,
So that i can help you.

Thank you

4

can you please share the URL and password (if your store is password protected)

So that I can give it a try.

Thank you

5

Hi!

Here you go! https://yunme.store

6

Hi Raviraj!

https://yunme.store here you go!

7

Hi Trapa!

https://yunme.store here you go!

8

Hi,

Which section you want to be edit ?

Please provide screenshot.

Thank you.

9

I want to put the white text ‘get the look’ that’s stuck in the middle bottom there to another location (top left middleish)

Screen Shot 2022-04-29 at 5.35.41 PM.png
Screen Shot 2022-04-29 at 5.35.41 PM.png1071×736 947 KB

10

Hi,

There are no any text is found on banner

I atteched screen shot please check it.

banner_text.png
banner_text.png1343×571 1.26 MB

Thank you.

11

hey Denishamakwana !

Yeah on my actual website i didnt add the text that you see on my screenshot because it looked ugly being in the bottom middle. I want to move it. I just wanted to know if there was a way to move it like getting into the CSS code or something! But I’ll go ahead and put the text in the image back now if that helps

12

Hi,

Please add below css in bottom of assets/section-image-banner.css file

and see is it as per your desire output or not?

@media screen and (min-width: 750px)

.banner__content.banner__content–bottom-center {
align-items: flex-start;
justify-content: left;

}
Thank you.

13

I also want to add my text to the bottom center of the image banner and I am currently unable to do that.

Your code that you provided above didn’t worked on my store .

My theme is dawn and my store url is https://anilova.com