How to remove border/outline on button - Honey theme

Solved

How to remove border/outline on button - Honey theme

meld78
Shopify Partner
70 1 14

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

meld78_0-1730263252792.png

Could someone please assist?

 

Thank you.

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@meld78

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

View solution in original post

Replies 6 (6)

LizHoang
Shopify Partner
171 21 43

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

DaisyVo
Shopify Partner
427 64 63

Hi @meld78 

 

Could you please share your store link so we can investigate it further? 

 

Thank you! 

 

Best,

Daisy - Avada Support Team. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Explore other solutions
here. Live Chat Support is available 24/7.
DaisyVo
Shopify Partner
427 64 63

@meld78 

 

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. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Explore other solutions
here. Live Chat Support is available 24/7.
meld78
Shopify Partner
70 1 14

Thanks so much Daisy, that worked but I had to remove this .countdown__content__start-text from the code

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@meld78

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

meld78
Shopify Partner
70 1 14

Amazing, thank you so much @BSSCommerce-B2B