Hi!, how do you specifically change a button color??

ibiali
Tourist
4 0 2

hi i want to change 2 button colors in the cart section but i dont know how to, i know its something to do with the code however i dont know the right code can someone please help me thanks. i want to change the background color for thme to white and hover color to white please, thanks here is my website url 

 

Capture.PNG

https://handhavenmassager.com/cart

KetanKumar
Shopify Partner
17232 1868 6447

@ibiali 

sorry for this issue can you please try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/frame.scss.liquid->paste below code at the bottom of the file.

.btn, .btn--secondary, input.btn--secondary, .btn--tertiary, input.btn--tertiary, input[type="submit"], .dt-sc-button, .shopify-payment-button .shopify-payment-button__button--unbranded {color: #fff;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ibiali
Tourist
4 0 2

hi, it still has not changed, for the colors i want the background color white and also the hover color white aswell and the text color #38B6FF but i want the checkout to stay the same and is all located at the cart section, thanks 

0 Likes
dmwwebartisan
Shopify Partner
5837 1336 1713

@ibiali 

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

.template-cart .btn_actions input.btn.update-cart, .template-cart .btn_actions a.btn {
    background-color: #fff;
    border-color: #000;
    color: #38B6FF;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
ibiali
Tourist
4 0 2

thanks so much, just one more question i want to add this code 

<a href="#looxReviews">
<div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}">
</div>
</a>

on top of price just under the product name please thanks 

dmwwebartisan
Shopify Partner
5837 1336 1713

@ibiali 

Where on the product page?

Let me know which theme you are using?

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
ibiali
Tourist
4 0 2

hi i am using the boom theme and i would like those reviews to be on top of the "price" section just under the product name, can you tell me where to put it, thanks 

 

0 Likes