Docs

[jkonnikova]

Hi,

I have two questions about site links.

1. How can I specify the color code when I want to change the links color? I can choose the color, but I did not find the place to apply specific code.

2. How can I make the hover over color of the link stay and not change back to original color after the link was visited?

Thank a lot for your help!

[Rupok]

Hi there,

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.

Also clarify which links you are referring. Is it menu items or other links?

Cheers!

[jkonnikova]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for providing credentials as it’s under maintenance. Generally you can set the link color and hover color from Customize > Typography – http://prntscr.com/bxrmwi

And Navbar links color from Customize > Header – http://prntscr.com/bxror8

So you don’t need to apply any custom CSS for this.

If you want to apply CSS for menu item then you can use the below code under Custom > CSS in the Customizer.

/* normal and visited state */

.x-navbar .x-nav-wrap .x-nav > li > a, .x-navbar .x-nav-wrap .x-nav > li > a:visited,  {
  color: #333;
}

/* hover state */
.x-navbar .x-nav-wrap .x-nav > li > a:hover {
  color: #f54;
}

Let us know if you still have any question.

Cheers!

[jkonnikova]

Thank very much for prompt reply!

What about regular site link visited state? How can I specify color to be visited during the session and turned back to un-visited after the client re-opens the site?

Thank you!

[Rupok]

Hi there,

Thanks for updating. It could be just :

a:visited,  {
  color: #333;
}

Cheers!

[jkonnikova]

Thanks a lot for your help! Have a great day!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts