Remove post click outer border on a button in headers

Support
#1

I have an icon button in headers which when you click on it scrolls you down the page.

When I go backup, there is a blue border around it which I don’t know how to remove.

#2

Hi There,

To remove the outer border, please add this custom CSS under Pro > Theme Options > CSS:

a.hm9.x-anchor.x-anchor-button.learn-more {
    outline: none;
}

Hope it helps :slight_smile:

#3

Thanks a million. That worked!

#4

Glad it worked.

Cheers!

#5

Hi there. Following the recent upgrade to the Pro 2.0.4, the blue border seems to have returned. I have checked and the CSS code is still there. Please advise.

#6

Hi There,

Could you please try clearing your cache and test it again? as I cannot see this issue.

Thanks!

#7

Hi there…

I did that several times and tested on both Chrome and Safari.

The issue is a post click issues. After I click, pages scrolls down… but when I scroll back up again the blue frame appears.

#8

Hi there,

Please try this:

.learn-more:focus {
    outline: none !important;
}

Hope this helps.

#9

Great, that worked. Thank you!

#10

Glad it worked.

Cheers!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.