How can I change the color scheme of my newsletter section?

[breyonwella]

Hi I want to change the color of my newsletter section to red #CF2044, the heading text to black and the body text to white and the button to be black or white how can i code that in? see attached imagecurrent screenshot

[dmwwebartisan]

@breyonwella 

Please share your store URL.

[breyonwella]

www.wellastudiomall.com/

[dmwwebartisan]

@breyonwella 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#shopify-section-newsletter .newsletter {
    background-color: #CF2044 !important;
}
#shopify-section-newsletter .section-header__title{
color: #000 !important;
}
#shopify-section-newsletter .rte p{
color: #fff !important;
}
#shopify-section-newsletter button#Subscribe {
    background-color: #000;
}

Hope this works.

Thanks!

[Kinjaldavra · Accepted solution]

hello @breyonwella 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. see screenshot https://nimb.ws/in89SI

   .newsletter{
       background: #CF2044;
    }
   .h1.section-header__title{
       color: black;
    }
    .section-subheading.rte.text-center >p{
       color: white;
    }
    .btn.newsletter__submit{
       background: black;
    }
    .input-group-field.newsletter__input{
       background: #f6f6f7;
    }

[breyonwella]

thank you so much this helped!

[breyonwella]

is there a way to code it so that the rest of the headings on the homepage dont turn black and stay red? only heading i need black is in the newsletter section

[Kinjaldavra]

hello @breyonwella  please remove last insert code and update with this below code 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-newsletter .newsletter{
       background: #CF2044;
    }
     #shopify-section-newsletter  .h1.section-header__title{
       color: #000000 ;
    }
       #shopify-section-newsletter  .section-subheading.rte.text-center >p{
       color: #ffffff;
    }
       #shopify-section-newsletter .btn.newsletter__submit{
       background: #000000;
    }
       #shopify-section-newsletter .input-group-field.newsletter__input{
       background: #f6f6f7;
    }