[ryanleedeveloperParticipant]

Hi there,

I have a strange issue where there is some in between space thats removing the border of my buttons but not showing the border on hover. I’ll show it below in three stages.

Here are the buttons on their own: http://prntscr.com/aujj7w

Then as you get closer with the mouse but just outside the text, where it detects the hover but its not close enough to show the border I’ve set. For some reason it looks like its showing the original default border of a very soft grey, but I don’t know where its getting that information and why my custom css hasn’t overwritten it at that stage: http://prntscr.com/aujjry

Then as you move the mouse in it shows the hover css:http://prntscr.com/aujkan

Whats going on here and how can I fix this so there is no in between stage?

Here is a link to the website.

Thanks,
Ryan

[DarshanaModerator]

Hi Ryan,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[ryanleedeveloperParticipant]

Oh wow I typed ‘here is a link to the website’ and then didn’t add the link. Sorry about that, here you go!

http://www.galaxyheistgame.com/

[LelyModerator]

Hello,

Please also add this custom CSS:

.x-navbar .desktop .x-nav>li>a:hover>span {
    border-color: rgba(0,255,250,.6);
}

It’s settings for icon that border color fades. Since you have change the default border color, we need to change to hover border color too.

Hope this helps.

[RupokMember]

Hi there,

The above solution will work. If you are wondering why it’s happening then the answer is – you have used the border on span hover but you should use it on the anchor hover.

You can update your code (that you were using) to following :

.x-navbar .desktop .x-nav > li > a:hover > span {
  border: 2px solid rgba(0, 255, 250, 0.6);
}

Hope this helps.

Cheers!

[ryanleedeveloperParticipant]

Fixed it! Thanks for the help and the explanation 🙂

[LelyModerator]

You’re welcome!

Always,
X

[Author]

Posts