Need to change the color of the line that appears in the nav bar hover

[Abel504usa]

Hello, I need to change the color of the line that appears in the nav bar hover

[Prasant]

Hello Abel,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {box-shadow: inset 0 4px 0 0 #847d7d;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Abel504usa]

Perfec thank, another question how do I change the color of the footer link

[Prasant]

Hello Abel,

Thanks for updating the thread.

To change footer link color, please add following CSS under X > Theme Options > CSS:

.x-colophon.bottom .x-nav a {
    color: #ddd;
}

Thanks.