Highlight Active Page in Menu

[franklozano]

Hey there,

Love your support and I have a subject I could not find in the forum. I have a website at: http://catechnology.com/jd-edwards/jde-products/jde-upgrade-instance-utility-tool-kit/

What I would love to do is have the TAB in the TOP MENU be HIGHLIGHTED as it is when you hover over the item.

So in the case of the page I sent you to, I would love it if the JD EDWARDS tab were highlighted in the GRADIENT BLUE with white text when in that section of the website.

How could I achieve this?

In fact, how could I get any of the items I hover over in the menu to also highlight in blue?

Thank you in advance.

Frank

[Prasant]

Hello Frank,

Thanks for asking.

You can add following CSS under Pro > Theme Options > CSS:

.x-menu > li > .x-anchor[class*="active"]{background: linear-gradient(to right, rgba(72,153,234,1) 5%, rgba(72,153,234,0.96) 9%, rgba(54,138,232,0.75) 31%, rgba(31,120,229,0.75) 58%);}


.x-menu > li > .x-anchor[class*="active"] .x-anchor-text-primary {
    color: #fff !important;
}

To learn more about CSS gradient, please take a look at following resource.

https://www.w3schools.com/css/css3_gradients.asp

Thanks.

[franklozano]

Prasant,

THANK YOU THANK YOU THANK YOU.

Frank

[rad]

You’re most welcome!