how to remove white shadow of border in image banner button for dawn theme 15v ?

[ctal37]

Hiii

I want to remove this white shadow border of this button and just want to keep this red border for this button only and don't want changes for any other button.

please help me !

[Dan-From-Ryviu]

Hi @ctal37 

Could you send link to your store? 

[ctal37]

https://5a3cf5-fc.myshopify.com/

check for this image banner button with shop button in homepage

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section to remove shadow of button in that section only 

.button--secondary:after { box-shadow: unset; }

[ctal37]

[Dan-From-Ryviu]

Did you try to reload your page to check? Because I can see it works on my side. 

[Moeed]

Hey @ctal37 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.button--secondary:after {
    box-shadow: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[niraj_patel]

Hello @ctal37 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   #Banner-template--17181254746297__image_banner .button:before, .button:after{
       box-shadow: unset !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[ctal37]

This code will change only banner button

<style>
.banner__buttons .button--secondary:after {
box-shadow: unset !important;
}
</style>

[Sweans]

Hi @ctal37 ,

First, you need to identify the specific button you want to modify. You can use a class or ID specific to that button. For example, if the button has a unique class or ID, you can target it directly in your CSS.

Add the following : select your section go to right bottom open the Custom css paste the code:

* If the button has a unique ID */

#your-button-id {

    box-shadow: none; /* Remove the shadow */

    border-color: red; /* Set the border color to red */

}

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans