SUPPLY Theme - Change the color of the button "NEWSLETTER" Footer

Solved
Highlighted
Tourist
13 0 1

Hi! I'm on the SUPPLY THEME, and I would change the color of "Mail Address" (Inside the button) & the contour of the button "NEWSLETTER"!

I wanted to change the grey with black cause it's actually almost invisible! ( You can see the photo Below)

 Capture d’écran 2020-08-06 à 17.06.45.png

Thank you by advance!

0 Likes
Highlighted
Astronaut
1085 177 213

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
13 0 1

My shop URL is https://sweetskendamas-france.myshopify.com and the password is 12345678 ! Thank you by advance for your Help! 

0 Likes
Highlighted
Astronaut
1085 177 213

This is an accepted solution.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

#shopify-section-footer form button{
background: #cccccc !important;
color: #222222 !important;
}

#shopify-section-footer form input{
border-color: #333333;
background: #333333 !important;
color: #ffffff !important;
}

#shopify-section-footer form input::placeholder{
color: #ffffff !important;
}

 


You can change the HEX color codes to anything you want. If you are unfamiliar with HEX Code colors kindly take a look on google for more information, it is very simple.

#cccccc = background color for the button
#222222 = text color for the button

#333333 = background color for the text box
#ffffff = text color for the text box

Let me know whether it works!

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Tourist
13 0 1

Thank you so much! Worked perfectly! And I also managed how to add a border on the button tho! THANK YOU!

0 Likes
Highlighted
Astronaut
1085 177 213

you're welcome! thank you for the update, wishing you a great week. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes