How to customize payment button

Solved

How to customize payment button

memahmudhassan
Excursionist
30 0 9

Hi,

On product page I want to make the "more payment option" like "Buy with shop pay" so it's look more visible. So I want to make a same background for more payment option button like "Buy with shop pay". How can I do that?

Website: https://prettycious.com

Screenshot 2024-07-05 161051.png

MAHAMUD H.
Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8531 1681 1692

This is an accepted solution.

Hi @memahmudhassan 

You can add this code to Online Store > Themes > Customize > Theme settings > Custom CSS to do that

.shopify-payment-button__more-options {
    background: #5a31f4;
    color: #fff;
    min-height: 44px;
    border-radius: 3.75rem;
    text-decoration: none;
}

Screenshot_1.jpg

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
8531 1681 1692

This is an accepted solution.

Hi @memahmudhassan 

You can add this code to Online Store > Themes > Customize > Theme settings > Custom CSS to do that

.shopify-payment-button__more-options {
    background: #5a31f4;
    color: #fff;
    min-height: 44px;
    border-radius: 3.75rem;
    text-decoration: none;
}

Screenshot_1.jpg

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.