Change Colour of a button

Highlighted
Tourist
11 0 1

How do I change colour of Sticky Add to Cart? 

 

How do I change the colour of Add to Cart Button on home page. It has changed to Green on Desktop view but is still Black in mobile view? 

 

I am not able to change these through Customise options, code change is required.  What code do I add/change? 

 

any help would be appreciated. 

 

 

 

0 Likes
Highlighted
Shopify Partner
2227 483 626

Hey @whackoTribe,

Please share the website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
11 0 1

oliify.com 

 

thanks heaps 

1 Like
Highlighted
Shopify Partner
2227 483 626

Hey @whackoTribe 

Please add following code in your assets/style.scss.liquid file.

@media screen and (max-width: 767px){
.jas-add-btn.pa>a, .cart__popup .modal_btn_add_to_cart {background-color: #00e36f;color: #fff;}
}

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
11 0 1

i could only find a style.css file. Is that the one? I pasted the code there and it didnt work. 

0 Likes
Highlighted
Shopify Partner
2227 483 626

Hey  @whackoTribe 
try this code for the button for the mobile view.

Please add following code in your assets/style.scss.liquid file.

 

@media screen and (max-width: 767px){
.jas-add-btn.btn-jas-3d>a, .jas-add-btn.pa>a {background-color: #00e36f;color: #fff;}
}

 

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
11 0 1

there is no style.scss.liquid file.

I have tried inserting it in theme.scss.liquid but it doesnt work 

 

0 Likes
Highlighted
Shopify Partner
2227 483 626

Hey @whackoTribe,

I will check and get back to you with a solution.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Astronaut
1085 177 213

@whackoTribe  Here is how to fix it in 20 seconds:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

 

<style>
.template-product [id] .button_sticky{
    background: #cccccc !important;
    color: #000000 !important;
}
</style>

 

 
I used the colors just as example. You can change the colors to any HEX color you need:

#cccccc = background color of sticky atc
#000000 = text color

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
0 Likes
Highlighted
Shopify Partner
2227 483 626

Hey @whackoTribe 

1. In your Shopify Admin go-to online store > themes > actions > edit code
2. Find Asset > style.min.css and paste this at the bottom of the file:

.template-product .button_sticky{
    background: #00f578 !important;
    color: #fff !important;
}

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes