drop shadow code for all buttons

Hello!

I've tried several code sets now and none seem to work.

I need to add a drop shadow to all the button types on my site. anyone have a functional code for this?

@AirleaEvary can you post a link to your site so we can have a closer look?

www.thejanimalstore.com password Artist2023

@AirleaEvary try this in your custom CSS:

.sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary {
	box-shadow: 10px 10px 5px 0px rgba(158,154,154,.75);
}

You may find you need to add a few additional targets as you explore the site, but that should cover most of them.

The box shadow I chose is the same as the one already on your homepage for the "learn more about Janet" button", just FYI.

Let me know if that works?

20 hours ago, SaranyaDesigns said:

@AirleaEvary try this in your custom CSS:

.sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary {
	box-shadow: 10px 10px 5px 0px rgba(158,154,154,.75);
}

You may find you need to add a few additional targets as you explore the site, but that should cover most of them.

The box shadow I chose is the same as the one already on your homepage for the "learn more about Janet" button", just FYI.

Let me know if that works?

Thanks! This worked great on the Add to Cart buttons!

The only button that seems to be missing from my code now is the Shopping Cart button on the header. Any clue ?

6 minutes ago, AirleaEvary said:

Thanks! This worked great on the Add to Cart buttons!

The only button that seems to be missing from my code now is the Shopping Cart button on the header. Any clue ?

You can use this, note that !important is used because the current header button has the box-shadow: none

.sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary, .header-actions-action--cart a {
	box-shadow: 10px 10px 5px 0px rgba(158,154,154,.75) !important;
}