How to make the box-shadow of this button to become white

Store Design
,
1

niceeee_0-1682388120859.png
niceeee_0-1682388120859.png602×307 254 KB

url: https://makerlab-electronics-ph.myshopify.com/

pass: saboten

2

@niceeee - try this css, add it to the very end of base.css file

.banner__buttons .button:not([disabled]):hover::after{box-shadow: none;}
3

I mean this one sir

niceeee_0-1682388655983.png
niceeee_0-1682388655983.png813×429 542 KB

I mean before and after sir it should be white

4

Hi @niceeee , This is Richard from PageFly - Landing page builder.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyRichard_0-1682389499297.png
PageFlyRichard_0-1682389499297.png1600×794 139 KB

PageFlyRichard_1-1682389499303.png
PageFlyRichard_1-1682389499303.png1600×777 197 KB

I hope it would help you Best regards,

Richard | PageFly

5

Hello @niceeee ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Assets folder → base.css file → add this following code at the bottom of page
.btn--primary {
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
}
  • Save and preview

Hope this can help you out. Let us know if you have any further request.

Ali Reviews team.