How can I style the homepage using the Dawn theme?

Store Design
1

Dear all,

I am using Dawn theme and I need your help to style the below 2 sections:

  1. The “collage” section: I need to change the background and text colors of the image named “super heroes” to be in pink like the image below it.

  2. The “footer” section: I need to change the color of the social media icons.

Thank you in advance.

2

@Gaiar Please send me store URL and Password.

3

@Gaiar Please send me your store url.

4

@DelightCart

Website URL:

https://ranas-bites.myshopify.com/

Password:

tebroh

5

A really good post, very thankful and hopeful that you will write many more posts like this one.

myccpay

6

@Gaiar

For image 1.png please paste below css in assetes/collage.css bottom of file.

.card-information__wrapper.collage-content__info {
background-color: #ec3493 !important;
Color: #fff !important;

}

For image 2.png please paste below css in assetes/collage.css bottom of file.

.footer__list-social .list-social__item svg path { fill: #ec3493}
1 Like
7

Thank you @DelightCart

It worked perfectly except the font color of the first image “super heroes”, still can’t change it to White.

8

@Gaiar Please add this in footer of css file.

.full-unstyled-link {
color: #fff !important;
}

.card-information__wrapper.collage-content__info .price {
color: #fff !important;
}
1 Like
9

Thank you so much @DelightCart , it worked perfectly!

10

@DelightCart

Thanks