We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Shopify Button Customization

Solved

Shopify Button Customization

Henri13
Tourist
12 0 3

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
2401 695 836

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.


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


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

View solution in original post

Replies 9 (9)

Aatiqa
Excursionist
24 3 5

@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 3

its Lumiku.com

BSS-TekLabs
Shopify Partner
2401 695 836

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.


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


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Henri13
Tourist
12 0 3

Its Lumiku.com

BSS-TekLabs
Shopify Partner
2401 695 836

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.


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


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Henri13
Tourist
12 0 3

Thanks that's really nice 

BSS-TekLabs
Shopify Partner
2401 695 836

You're welcome! 😊

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Henri13
Tourist
12 0 3

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

image.png

BSS-TekLabs
Shopify Partner
2401 695 836

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.


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


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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