• Resolved donmiat

    (@donmiat)


    Hello,

    I have styled the exit form to my liking with CSS. But I can’t seem to find the css class for the blue border around the “Go to external website” button. This border only appears until you click ones on the screen… then it dissapears.

    Here is a link to the screenshot of the border: https://ibb.co/DrBq5dW

    Regards,
    Don

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Very odd. That doesn’t even look like the same shape as the cancel button. Without looking at the site itself, I’d say it’s likely the border property. Try to set border: none; on the button class ja_btn and see if that helps. If it does not, I’d be glad to take a look at the site itself if you like. You can email me at the address at the bottom of each page of the Exit Notifier settings if you’d prefer to take this off the support forum.

    Thread Starter donmiat

    (@donmiat)

    Hi Curtis,

    Thanks for the swift reply. Unfortunately this site is stil on a local server. So can not share the URL.

    I removed all my custom CSS. And selected the black theme (does not matter which one you select). The border is also there, i noticed that on firefox it is not a blue border but a black dotted border. see screen –> https://ibb.co/v1hpcbY

    I also see that the border is in your header image of the plugin page www.ads-software.com

    – WP: 5.4.2
    – Elementor Pro plugin
    – Elementor Hello theme (Elementor canvas theme)
    – php 7.3

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Any chance you could try with a different theme? Just to see if the source of the border is the theme? Without being able to play with the CSS in the developer tools, I’m just guessing where that border might be coming from. You can try two main things:

    1. In the browser developer tools, highlight the button and browse the CSS. You should be able to turn off the attributes causing the border by experimentation.

    2. You can try the following CSS to see if you can override:

    .ja-btn {
    border: none !important;
    }

    I’m not sure if that will do it, but it’s the first thing I can think to try while troubleshooting blind.

    Let me know if that gets you any farther!

    Thread Starter donmiat

    (@donmiat)

    Hi Curtis,

    You are wright, I tried it on a different site and the border is not there. I suspect it is elementor (or elementor pro) that is somehow adding the border. Or maybe the Hello elementor theme.

    Thank you for the great support! I appreciate it. If I find a solution I will post it here. Incase other users come across it.

    Regards,

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Thanks @donmiat! I’m glad to at least know it has something to do with the theme. Best of luck to you! I’ll go ahead and mark this resolved. Do follow up if you find something more specific! Viewing the styling through the developer tools is probably your best bet for tracking it down.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove the blue border around the Go button’ is closed to new replies.