Change the hover color for links

StatusIDPriorityType
Closed5937HighAnivia Theme WP
Profile Reply
thomas Client

Hello there !

I’m looking for a way to change the hover color for links, even in the main menu and in posts titles, well everywhere in fact ! ^^

I suppose that i have to do this in the CSS in the Theme Options but in dont know what to use, i’ve find the basic a:hover and it changes some of them but for others i don’t have the code.

Thanks, and great job with the theme ! :)

Replies

User Description Posted On
Shindiri Support team Administrator

Hi,

 

You can set some of the options in Dashboard > Appearance > Theme Options > Style Settings , like "Button Hover Color" and "Theme Color" which will control hover color of some items. Play with them to achieve the closes look that you can, and after that, you can share the page and tell us what exact changes you want - we'll help you with necessary CSS code.

 

Kind regards,
Br0

thomas Client

So i've tried almost everything possible with the Style Settings and i didnt find what i want.

Here's my website (in construction) ! http://www.lifeandsport.fr/

I want the green color to appear on hover links and in the menu (when it's hover). But i dont want that green to be on every part of the menu (what the style settings did).

Thank you !

Shindiri Support team Administrator

Hi,

 

By adding this piece of code:

 
.anivia_container .menu_wrapper.relative > ul > li > a:hover, .anivia_container .menu_wrapper.relative ul > li.current-menu-item > a {
color:/*color that you want*/ !important;
}

 

in Dashboard > Appearance > Theme Options > Advanced Settings, you can change hover color of menu items. Let us know if it helps solve your issue.

 

Kind regards,
Br0

 

thomas Client

Works perfectly ! But in the drop-down menu, it's still in black ! :/

Shindiri Support team Administrator

Hi,

 

For drop-down menu add this piece of code:

 

nav.menu_wrapper.relative.solid ul li.is_fullwidth.hasno_sidebar > ul > li > a:hover {

color:/*color that you want*/ !important;
}

 

That should solve the problem.

 

Kind regards,

Br0

 

thomas Client

Ahah i'm sorry i was talking about the other drop-down menu, the one on the sticky bar that appear when we scroll on the page.

I'm sorry i think this time it's the right one ! :P (but the last one help too thanks ^^)

Shindiri Support team Administrator

Hi,

 

This piece of code should help:

 

<code>

.sticky_menu .menu_wrapper.relative > ul > li > a:hover, .sticky_menu .menu_wrapper.relative ul > li.current-menu-item > a, .sticky_menu .menu_wrapper a:hover  {
    color: /*color that you want*/ !important;
}
</code>
You'll need to insert it in the same place as the previous times.If you have any other issues, do not hesitate to contact us.

P.S. If you like our items and our support system, please do not forget to rate us. You can do this by visiting your "downloads" page on Themeforest or Codecanyon websites.

Kind regards,
Br0

thomas Client

Perfect ! Thank you !

I've just rate you on the Themeforest website ! ;)

Have a nice day !

× This ticket is closed.