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 !
Hi @ctal37
Could you send link to your store?
https://5a3cf5-fc.myshopify.com/
check for this image banner button with shop button in homepage
Hey @ctal37
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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; }
Hello @ctal37
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
This code will change only banner button
.banner__buttons .button--secondary:after { box-shadow: unset !important; }Did you try to reload your page to check? Because I can see it works on my side.
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