buy it now button

Itamar2020
Excursionist
48 0 3

can someone help me make the second button (the yellow) like the one above him?

i need a base css code please

it stays yellow for some reason

my store url https://26e068.myshopify.com/

 

Itamar2020_0-1704293217411.png

 

Replies 13 (13)

yashgarg
Shopify Partner
102 26 32

Hey @Itamar2020 , 

 

In the css shown in left in your image, try removing . from .button means instead of ".button" use "button" only.

 

Thanks

Yash Garg

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
Itamar2020
Excursionist
48 0 3

thanks

but it still different from the above

maybe beacuse the outline?

how do i fix?

thank you

 

Itamar2020_0-1704293605744.png

 

Itamar2020
Excursionist
48 0 3

and it makes this buttons also black. i do not want that

another solution please?

Itamar2020_1-1704293724070.png

 

yashgarg
Shopify Partner
102 26 32

In that case for only payment button use this css selector

.shopify-payment-button__button {

// add styles here

}

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
Itamar2020
Excursionist
48 0 3

not working 

Itamar2020_0-1704294091913.png

 

yashgarg
Shopify Partner
102 26 32

Try doing

border-style: none !important

OR

box-shadow: none !important

 

One of them should work I think

 

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
yashgarg
Shopify Partner
102 26 32

did you try adding these in your css block ?

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
Itamar2020
Excursionist
48 0 3

yes in the css

it has weird yellow outline for some reason

yashgarg
Shopify Partner
102 26 32

Hey also checking your website from India, I am seeing this . Please make sure your changes are not having strange effects on other parts of your site.

yashgarg_0-1704302004046.png

 

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
Itamar2020
Excursionist
48 0 3

why is the buttons and the quantity section are not really in the middle from desktop? from the phone it is good

please help

theycallmemakka
Shopify Partner
1157 249 267

 

Hi @Itamar2020 ,

 

Try adding below CSS on base.css

shopify-buy-it-now-button button {
    background-color: #000!important;
    color: #fff!important;
}

 

❤️❤️

Buy me a coffee


For quick response - Message Me


For easy store customization, try PageFly
Add Winter vibe to your store
Itamar2020
Excursionist
48 0 3

hi thanks for your help

we did the button black already but for some reason there is a still yellow outline 

 

Itamar2020_0-1704294436200.png

 

Itamar2020
Excursionist
48 0 3

it is actually stays all yellow from the phone / pc