Docs

[Steve123]

Hi,

Is it possible to replace the red box that appears around a menu item when it is clicked on, please?

Ideally, I’d like a red line to appear underneath the item to contrast with the one above, but if that’s not possible how do I remove the red box and create a simple rollover colour change for the text of the menu item, please?

Thanks.

[Jade]

Hi Steve,

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.

[Steve123]

Thanks for your reply.

My site isn’t live, so my url won’t help you.

However, I don’t see why you need an url to answer my question as my theme has not been modified but is just a standard installation.

X Theme highlights a clicked navbar menu item by putting a red box around it. I don’t like the box so want to change it as I described – either by:

1. having a hover effect for the text
or
2. replacing the red box with a red underline

I know 1 is possible, but don’t know the CSS code. Please provide.

I don’t know if 2 is possible. Please tell me.

Thank you.

[Rahul]

Hey There,

Thanks for writing in!

You can remove the border around the menu, place the following CSS code into your Customizer, Custom > CSS section using the menu Appearance -> Customize.

.x-navbar .x-nav > li > a {
    border-left: medium none;
}

.x-navbar .x-nav > li:last-child > a {
    border-right: medium none;
}

.x-logobar {
    border-bottom: medium none;
}

.x-navbar {
    border-bottom: medium none;
}

Hope this helps!

[Steve123]

Sorry, but that changes nothing.

Please send code which removes the red box from the navbar on click. (I have NOT customized X in any way except to change H1 size using CSS.)

[Author]

Posts