Change color of newsletter form in footer - Dawn theme

Store Design
1

Hi

I would like to change the colour of the newsletter section of the footer in Dawn theme, I’d be happy with just the heading and box outline changed, to stand out against the other items in the footer.

newsletter colour.jpg
newsletter colour.jpg1155×109 8.45 KB

I found code to change the colour of the social icons in the component-list-social.css but couldn’t figure out how to do this for the newsletter.

I would appreciate if someone could assist

Thanks

1 Like
2

@misstilly Can you please send me your store url?

3

@DelightCart

My Dawn version is not published, does this link work https://f6slmg4lq0s04w2h-51669631153.shopifypreview.com

1 Like
4

@misstilly

.footer-block__newsletter h2.footer-block__heading {
    color: #73B7CC !important;
}
.field label.field__label, .customer .field label{
  color: #73B7CC !important;
}

Add this code in the bottom of the theme.css file

1 Like
5

@Zworthkey

thanks heaps for that, it didn’t work in the theme.liquid file but worked in component-newsletter.css Could you please also provide the code to change the box border to blue as well?

1 Like
6

@misstilly Please go to assetes/section-footer.css and paste below code at bottom of file.

.footer-block--newsletter {
background-color: #fff !important;
}
7

@misstilly

.newsletter-form__field-wrapper {
    border: 1px solid #73b7cc!important;
}

try this code.

1 Like
8

@Zworthkey perfect thank you

1 Like
9

@misstilly
Your Welcome,
Let me know if you need any more help.