How can I align text to the bottom left on a Dawn theme image banner?

[nudehaven]

I want to have my text alignment on my image banner to be on the bottom left side of the screen. My url is nudehaven.myshopify.com, any help would be great thank you! Ive tried the codes on other discussions but none are seeming to change anything on the dawn theme.

[oscprofessional]

@nudehaven
Hello,

.banner__box.content-container.content-container--full-width-mobile.color-background-2.gradient {
	text-align: left;
}
.banner__content.banner__content--middle-center.page-width {
	align-items: flex-end;
	margin-right: 100%;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

[nudehaven]

This worked! Im trying to change it so that on mobile my font sizing fits the screen to look like it does on the computer, right now it has multiple lines that take up the whole left side of the screen but I want it to still be in the bottom left corner on mobile with the correct scale.

[oscprofessional]

@nudehaven
Hello,

@media screen and (max-width: 750px){
.button.button--secondary {
	font-size: 1.5rem !important;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

This solution its useful so please like and accept solution

[nudehaven]

This didn’t change anything on my screen:(

[nudehaven]

one of the buttons is off center and the rest are centered, ideally I wanted them all in the center, but if that’s not possible then bottom left is okay with me too.