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:

.banner__content{
padding:5rem 20rem;
}
Hallo @guisemen
You can add code by following these steps to change collection and product pages background color:
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid theme file
-
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,