How can I shift my image banner text to the far right?

Store Design
,
1

Hey,

I want to move the text on the image banner to the complete right side. My store link is https://0bc922.myshopify.com/

Untitled.png
Untitled.png1831Ă—720 102 KB

2

Hi @randomchikibum ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    justify-content: right;
    padding-right: 0px;
    margin-right: 0px;
}

Result:

Ribe_Dagandara_0-1686942185843.png
Ribe_Dagandara_0-1686942185843.png1348Ă—549 272 KB

If you want it more, let me know.

I hope it help.

3

Hey,

This works but I want to move it further right so all the text is on the black background space.

4

Got it.

.banner__box.content-container.content-container--full-width-mobile.color-accent-1.gradient {
    padding-right: 10px;
    width: 45%;
}

Result:

Ribe_Dagandara_0-1686943904568.png
Ribe_Dagandara_0-1686943904568.png1357Ă—480 259 KB

How about this one? I give a bit of space so it wont totally kiss the side. :sweat_smile:

5

Hi Can you move the container text under the image ? possible