How can I change the color of my second 'Buy It Now' button?

[Itamar2020]

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/

[yashgarg]

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

[Itamar2020]

thanks

but it still different from the above

maybe beacuse the outline?

how do i fix?

thank you

[Itamar2020]

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

another solution please?

[yashgarg]

In that case for only payment button use this css selector

.shopify-payment-button__button {

// add styles here

}

[Itamar2020]

not working 

[yashgarg]

Try doing

border-style: none !important

OR

box-shadow: none !important

One of them should work I think

[yashgarg]

did you try adding these in your css block ?

[Itamar2020]

yes in the css

it has weird yellow outline for some reason

[yashgarg]

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.

[Itamar2020]

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]

Hi @Itamar2020 ,

Try adding below CSS on base.css

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

[Itamar2020]

hi thanks for your help

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

[Itamar2020]

it is actually stays all yellow from the phone / pc