Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi there,
I'm using the Honey theme and want to remove the border/outline on button but no matter what custom css I apply, it's not removing the outline.
Can someone please assist?
Note. the theme is still being worked on and currently not published
Could someone please assist?
Thank you.
Solved! Go to the solution
This is an accepted solution.
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
.btn--secondary:after {
border: none !important;
}
</style>
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hello @meld78 ,
You can add the following CSS code to remove the border/outline on button:
.btn--secondary:after {
border: unset !important;
}
I hope it helps!
Best regards,
Liz
Hi @meld78
Could you please share your store link so we can investigate it further?
Thank you!
Best,
Daisy - Avada Support Team.
We tested on the Honey theme under preview mode. You can follow our instructions here:
Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change
Here is the code:
.countdown__content__start-text .btn--secondary:after {
border: none !important;
}
Here is the result:
Before: https://prnt.sc/sdS6NGbMQ3uc
After: https://prnt.sc/kuCWMhaeR75P
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Thanks so much Daisy, that worked but I had to remove this .countdown__content__start-text from the code
This is an accepted solution.
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
.btn--secondary:after {
border: none !important;
}
</style>
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024