How can I align and change text color in Dawn theme's image banner?

Store Design
1

I am using the Dawn theme. I would like to right align the heading and description text that are located in the image banner at the top of the home page. Right now the text is slightly covering the picture.

I would also like to make the text color black as it is hard to read white. I was going through the code, but I found a couple different places and I wasn’t sure which code I should use.

My website is https://karmonydesign.myshopify.com/

Thanks!

2

Hello @bripatton42 ,

Hope you are doing well.

Please add the below CSS to your section-image-banner.css theme file at the bottom:

@media screen and (min-width: 750px){
.banner--desktop-transparent .banner__box {
    margin-left: 100px !important;
    color: #000 !important;
}
}

@media only screen and (min-width: 750px){
.h1 {
color: #000 !important;
}
}

Hope this will help you.

3

Hi there, thanks so much for your response! It did change the color, but unfortunately it did not right align the text. The text is still centered on the page.

Thanks!

1 Like
4

Hello @bripatton42 ,

Add the below CSS to right-align the text please:

@media screen and (min-width: 750px){
.banner--desktop-transparent .banner__box {
text-align: right !important;
}
}

Hope this will help you out.