Shopify Button Customization

[Henri13]

Hi Gs, how can I make my buttons look like on the photo.I would love to get some help with that.Thanks Already

[Aatiqa]

@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

[BSS-TekLabs]

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?

[Henri13]

its Lumiku.com

[Henri13]

Its Lumiku.com

[BSS-TekLabs]

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

We hope this assists in resolving the issue.

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

[Henri13]

Thanks that’s really nice

[BSS-TekLabs]

You’re welcome!

[Henri13]

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

[BSS-TekLabs]

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

We hope this assists in resolving the issue.

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