Docs

[yhshin1020]

Hey,

I’m using the icon theme for X.

Currently, when i hover over the nav items on the header, it creates an outline on the item.

I want it such that there is no outline, and the text turns from black to grey upon mouse hover.

Is this possible?

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: none;
}
.x-navbar .desktop .x-nav>.x-active>a>span, .x-navbar .desktop .x-nav>.current-menu-item>a>span {
    color: #efefef;
}

Hope that helps.

[yhshin1020]

Hey,

It did not seem to work.

Could you check again?

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

.x-navbar .desktop .x-nav>li>a>span {
    border: none !important;
    color: #dad6d6 !important;
}

Let us know how this goes!

[yhshin1020]

Hey,

how do i make it so that the text turns black when the mouse is hovered?

thanks

[Thai]

Hi There,

Please also add this CSS:

.x-navbar .desktop .x-nav>li>a>span:hover {
    color: #000 !important;
}

Hope it helps 🙂

[Author]

Posts