Shopify Button Customization

Solved

Shopify Button Customization

Henri13
Tourist
12 0 2

Hi Gs, how can I make my buttons look like on the photo.I would love to get some help with that.Thanks Already Bildschirmfoto 2024-08-14 um 18.21.41.png

 

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
1842 526 612

This is an accepted solution.

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

button {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
}

Here is the result on a button

BSSTekLabs_0-1723655493403.png

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

View solution in original post

Replies 9 (9)

Aatiqa
Excursionist
18 3 3

@Henri13 Hello!

 

I hope you're doing well. Welcome to Shopify Community. Kindly share your website URL and Password (if enabled) and I would be more than happy to help you out!

Kind Regards,
Aatiqa

 

Henri13
Tourist
12 0 2

its Lumiku.com

BSS-TekLabs
Shopify Partner
1842 526 612

Hi @Henri13,

Could you kindly provide us with your store URL and the protected password (if applied), so that our team can offer you the necessary support?

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

Henri13
Tourist
12 0 2

Its Lumiku.com

BSS-TekLabs
Shopify Partner
1842 526 612

This is an accepted solution.

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

button {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
}

Here is the result on a button

BSSTekLabs_0-1723655493403.png

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

Henri13
Tourist
12 0 2

Thanks that's really nice 

BSS-TekLabs
Shopify Partner
1842 526 612

You're welcome! 😊

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

Henri13
Tourist
12 0 2

Do you also know how I can do the same for this button?

image.png

BSS-TekLabs
Shopify Partner
1842 526 612

You can use this code to make that button the same as the others

 

a.button {
    box-shadow: 0 0 10px #fff;
}

 

Here is the result

BSSTekLabs_0-1723657837427.png

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell