Change Newsletter color

Solved
breyonwella
Tourist
4 0 2

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 screenshotcurrent screenshot

dmwwebartisan
Shopify Partner
7402 1754 2353

@breyonwella 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
dmwwebartisan
Shopify Partner
7402 1754 2353

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1404 394 950

This is an 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;
    }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
breyonwella
Tourist
4 0 2

thank you so much this helped!

0 Likes
breyonwella
Tourist
4 0 2

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 sectionheader.JPGnew letter.JPG

0 Likes
Natztech
Shopify Partner
1404 394 950

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;
    }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes