Logo hover opacity & Main Menu Hover « Support Forum | Kriesi.at

Support Forum » Abundance

Logo hover opacity & Main Menu Hover

6 posts from 3 voices

Started 1 year ago by herzfamily
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

herzfamily
Member

Hi Kriesi,

I purchased your Abundance (www.domavar.com) and would like to make some changes on:

1. Logo hover over: I would like to have hover over opacity to 0.8.
2. Main Menu Hover over: trying to get rid of hover grey box that appears when hover, INSTEAD, make it underlined when you hover.
3. Main Menu font: How do I change the font and color?

Thanks a million.

Posted 1 year ago #
Devin
Moderator
Hi herzfamily,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top .logo a:hover img {
opacity: .8 !important;
}

.main_menu {
font-family: times;
}

.main_menu li a {
color: #333 !important;
}
```
See: http://www.w3schools.com/cssref/pr_font_font-family.asp for Font family specifics.

Regards,

Devin
Posted 1 year ago #
herzfamily
Member

Hi Devin,

Thanks for your reply, but what about:

2. Main Menu Hover over: trying to get rid of hover grey box that appears when hover, INSTEAD, make it underlined when you hover.

Thanks.

Posted 1 year ago #
Ismael
Moderator

Hi,

I checked your site and I can't see any grey box when hovered. So I guess the only code you need is the underline below the menu when hovered. So, kindly add this code in your Quick CSS or custom.css:
#top .main_menu .avia_mega a:hover { text-decoration: underline; }
Hope this helps. :)

Regards,
Ismael

Posted 1 year ago #
herzfamily
Member

thanks guys. I just changed the background to same grey.
Anyway it worked.

Thanks.

Posted 1 year ago #
Ismael
Moderator

Hi,

Glad that we could help you. :) I'm gonna close this topic.

Regards,
Ismael

Posted 1 year ago #