Solved

remove blue border after clicking on pop-up button

vanessabate
Excursionist
26 0 5

Hi, is anyone able to help me remove the blue border around my klaviyo pop-up after clicking on it?

 

www.tydejewellery.com 

pw: chester

 

Screen Shot 2024-04-14 at 6.01.35 pm.png

Accepted Solution (1)

PageFly-Amelia
Navigator
316 96 138

This is an accepted solution.

Hello @vanessabate 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

 

<style>
button.needsclick, button.needsclick * {
   border: none !important;
   outline: none !important;
}
</style>

 

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2088 598 467

Hey @vanessabate,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
span.needsclick.go681896951.kl-private-reset-css-Xuajs1,
button.needsclick, button.needsclick * {
    outline: none !important;
    border: none !important;
}
</style>

 

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713082885230.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

PageFly-Amelia
Navigator
316 96 138

This is an accepted solution.

Hello @vanessabate 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

 

<style>
button.needsclick, button.needsclick * {
   border: none !important;
   outline: none !important;
}
</style>

 

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.