How to remove border around button in a slideshow on Dawn Theme?

Store Design
1

I was wondering how on the Dawn theme it would be possible to remove the square border around buttons. In this instance, I am trying to remove the square border from a button that was in the slideshow component. I have also attached an image.

Screen Shot 2022-09-27 at 1.04.25 am.png
Screen Shot 2022-09-27 at 1.04.25 am.png894×235 62.6 KB

2

Hi @yurrJC !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share Page URL so that I can inspect and send code accordingly

Best Regards;

PageFly

3

Hi, the URL for the page is

https://mytarotjourneystore.com/

4

oh sorry for are you facing that issue.

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css->paste below code at the bottom of the file.
.banner__box {background: transparent;}

Copy

If helpful then please Like and Accept Solution.

5

Hi @yurrJC !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of base.css under assets in theme code files

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button–unbranded:after {
background: transparent !important ;
}

Like this;

Screenshot_70.png
Screenshot_70.png1919×939 342 KB

Best Regards;

PageFly

6

Hi, I’ve added the code to the bottom of base.css and the border is still there. Not sure why it worked on the screenshot you attached but not for me.

7

Hi @yurrJC !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of base.css under assets in theme code files

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

Best Regards;

PageFly

1 Like