Change Add to Cart and Buy button border on Narrative Theme

Solved
Highlighted
Tourist
4 0 1

Hello everyone, 
I am using the Narrative Theme on my Store tentoetech.com, and I wanted to change the color of the Buy and Add to Cart Buttons without changing the rest of the accents. I tried to do this via code, as you can see I was able to change the inner color of the buy button to green, but I dont understand how to change the border. Can someone who is more experienced with code help me? Thank you very much

0 Likes
Highlighted

This is an accepted solution.

Hello @LeonFuchs 


Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.shopify-payment-button .shopify-payment-button__button::after {
	outline: 2px solid #0FBD3C !important;
}
.shopify-payment-button .shopify-payment-button__button {
	background-color: #0FBD3C;
	border-color: #0FBD3C;
	outline: 2px solid #0FBD3C !important;
	border: 2px solid #0FBD3C;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
	background-color: #0FBD3C;
}
.product-form .btn.btn--to-secondary {
	background-color: #0FBD3C;
	border: 2px solid #0FBD3C;
	outline: 2px solid #0FBD3C;
	color: #fff;
}
.product-form .btn.btn--to-secondary::after {
	outline: 2px solid #0fbd3c;
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
4 0 1

Thank you so much, really appreciate the help! Also great to know the names of the attributes for the future! Wish you successful business and a nice evening!

0 Likes