How can I control the left "edge" of text in Dawn image banner within theme code?

Text on https://guisemen.com/ home page is awkwardly to the right.

I want the text to remain left-aligned, but to placed be closer to the middle of the screen on a large-screen device. Ideally, I’d like to set a limit on how far left the text could be in relation to the image.

I don’t want the text to be in the exact center of the page, just a little further to the right. If anyone could point out where to adjust this in the theme that would be really helpful!

@guisemen
Put below css into base.css file (Online store->Themes->Edit code->Assets->base.css)

.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    margin-left: 17% !important;
}

assets → section-image-banner.css.

Find:

Simonsron_0-1673587743642.png

.banner__content{
padding:5rem 20rem;
}

Hallo @guisemen

You can add code by following these steps to change collection and product pages background color:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file

  3. Paste the below code before

.banner__content.banner__content--middle-left { padding: 0 20rem !important; }

If you require any further information, feel free to contact me.

Best regards,

Solved - thank you!!