button label - change colour

Solved

button label - change colour

vibehome
Explorer
68 3 30

Hi there,

 

On my product pages, I would like to change the colour from yellow to grey - colour code: D8D8D8  - with black font

 

Anyone help on how to do this?

Many thanks in advance - screen shot attached Screenshot 2024-08-23 at 16.46.36.png

 

https://vibehome.co.uk/products/swan-nordic-kitchen-grey-kettle-and-toaster-set

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
2144 634 737

This is an accepted solution.

<style>
.shopify-payment-button__button .shopify-cleanslate div{
     background: #D8D8D8 !important;
     color: black !important;
    border-color: #D8D8D8 !important;
}
</style>

Can you try add this code before tag </head> in file theme.liquid @vibehome 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

BSS-TekLabs
Shopify Partner
2144 634 737

- Here is the solution for you @vibehome 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.shopify-payment-button__button {
     background: #D8D8D8 !important;
    color: black !important;
}

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
vibehome
Explorer
68 3 30

Hi there, I've put the code in but it has made the back ground grey?

 

It maybe because I did change this to yellow a while ago?Screenshot 2024-08-23 at 17.23.09.png

BSS-TekLabs
Shopify Partner
2144 634 737

This is an accepted solution.

<style>
.shopify-payment-button__button .shopify-cleanslate div{
     background: #D8D8D8 !important;
     color: black !important;
    border-color: #D8D8D8 !important;
}
</style>

Can you try add this code before tag </head> in file theme.liquid @vibehome 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
vibehome
Explorer
68 3 30

Awesome thank you. works a treat! greatly appreciated 🙂

BSS-TekLabs
Shopify Partner
2144 634 737

Glad to help you. Have a good day.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now