How can I adjust text position on image banners in the Dawn theme?

Store Design
1

Hi all. I am going to try and ask this question though I am not sure if it will make sense. If not, I apologize in advance. Okay, so for my website, its pretty much just image banners stacked on top of one another. Its simple and I love it. But I dont like the way the text is. Its kinda boring. All the text is centered in the center of the banner. (My banner height is medium btw) So what I am wanting to do is move the text around. On my top image banner which is what you see when you log into my site, I want it left alone. But then the second one, I want the text to remain centered but I want it to be on the right hand side of the image banner. Basically, the right side half is where I want the text to be. Then for the third banner, I want the text image to remain centered but I want it to appear on the left hand side of the banner itself. I want it to rotate like this for the rest of the images. Again, I am not sure this makes sense. If it does, and you know how to do that, id appreciate your assistance.

You can check out my site at www.PennsylvaniaParks.org

Thanks!

2

Hi @Justin34 ,

Are you wanting this?

Screenshot.png
Screenshot.png1237×402 959 KB

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

#shopify-section-template--14570959994949__993246a6-7501-4595-9b99-db86b959b16e .banner__content {
    justify-content: flex-end !important;
}

Hope it helps!