How can I make a button border transparent?

Store Design
, , , , ,
1

Hi there,

I want to make these buttons border transparent but somehow didn’t find the right place.

Is it because of the mouse over animation? Any suggestion?

Website: https://venga-store.com/

Theme: Dawn

miltokas_0-1710616960990.png
miltokas_0-1710616960990.png750×417 263 KB

2

Add this coding to the slideshow section’s “Custom CSS” settings:

.button:after {
    box-shadow: none !important;
}
3

Hi @miltokas ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

4

Hi @miltokas

  • Go to Online Store → Theme → Edit code.
  • Find the file assets/base.css and paste the code below at the bottom of the file."
.banner__buttons.banner__buttons--multiple .button:after{
box-shadow: none !important;
}

devcoders_0-1710653210117.png
devcoders_0-1710653210117.png1243×473 474 KB

5

@PageFly-Oliver @devcoders

Where you’ve told him to place the coding would affect ALL buttons on his site, not just the buttons in the slideshow. He didn’t say that he wanted all buttons to be affected. Also, if he posts the coding where you told him to, then the changes won’t copy over if he ever upgrades his theme version. CSS coding should be added within the theme editor, whenever possible.