Changing checkout design on website buy button

Highlighted
New Member
2 0 0

Hi there,

I recently embedded products form Shopify to my Wordpress website, but I made a poor decision to make the checkout/cart button on my website have the text set to a bright red color. It looks bad an I can't seem to determine how to change it. I've attached some pictures and if anyone has any advice on how to change it i'd love to hear your feedback.

Thank you!

JimSee on the right side it's all red. I'd like to figure out how to make it black.See on the right side it's all red. I'd like to figure out how to make it black.Screen Shot 2020-06-26 at 10.40.03 AM.png

0 Likes
Highlighted

Hello @JimTaylor 

Please share your store URL and reference site URL and password.

So that I can check and let you know.

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
0 Likes
Highlighted
New Member
2 0 0

Hi there I can link you to the shop page for you to see the state of the cart when you add something.

https://jimtaylorsaddlery.com/in-stock-now/ 

I'm not comfortable sharing my passwords just yet. If I can be directed to solve it on my own I'd rather do that.

Thank you.

0 Likes
Highlighted

Hello @JimTaylor 

Add this css at the bottom of

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

.shopify-buy__btn {
	color: #fff !important;
	font-weight: bold;
}
.shopify-buy__cart .shopify-buy__cart__title {
	color: #000 !important;
}
.shopify-buy__cart .shopify-buy__btn--close {
	color: #000 !important;
}
.shopify-buy__cart .shopify-buy__cart__note__description {
	color: #000 !important;
}
.shopify-buy__cart .shopify-buy__cart__note__text-area {
	color: #000 !important;
}
.shopify-buy__cart .shopify-buy__cart__note__text-area {
	resize: none;
	font-size: 11px;
	width: 100%;
	color: #000 !important;
}
.shopify-buy__cart .shopify-buy__cart-item__title {
	color: #000 !important;
}
.shopify-buy__quantity-container.clearfix {
	color: #000 !important;
}
.shopify-buy__quantity-container svg {
	fill: #000 !important;
}
.shopify-buy__quantity.shopify-buy__cart-item__quantity-input {
	color: #000 !important;
	border-color: #000 !important;
}
.shopify-buy__btn--seamless {
	color: #000 !important;
	border-color: #000 !important;
}
.shopify-buy__cart-item__price {
	color: #000 !important;
}
.shopify-buy__cart-bottom .shopify-buy__cart__subtotal__text {
	color: #000 !important;
}
.shopify-buy__cart__subtotal__price {
	color: #000 !important;
}

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
0 Likes