Style colored Button Menu - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
February 13, 2020 at 11:58 am #1184112

topnetat
Participant

Hello!
I would like to style the Menu colored Button in the animation with the same nice ease fade in out as other button, only on Hover.

Is that possible?

Thanks for your answer!

Kind Regards
Elias

February 17, 2020 at 4:00 am #1185057
Nikko
Inactive Moderator
Hey topnetat,

Try adding this CSS code in Quick CSS, located in Enfold > General Styling:
```
#top #wrap_all #header .av-menu-button > a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
```
Best regards,
Nikko
February 19, 2020 at 5:22 pm #1186119

topnetat
Participant

Hey Nikko!

Unfortunately its not working :(

Any other ideas?

February 20, 2020 at 8:00 am #1186246
Nikko
Inactive Moderator
Hi topnetat,

Can you try adding this CSS code as well:
```
#top #wrap_all #header .av-menu-button:hover > a .avia-menu-text {
    background-color: white;
    color: #c3a069 !important;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30);
}
```
Best regards,
Nikko
February 20, 2020 at 11:00 am #1186287
topnetat
Participant
Hi Nikko!
Thanks for your reply – it doesnt work.

I got this code for styling the button:
```
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: #c3a069;
   border: 0 !important;
color:#f8f8f8;
border-radius: 5px;
}
```
Maybe this helps you out?
Best regards
Topnetat
February 20, 2020 at 12:54 pm #1186322
Nikko
Inactive Moderator
Hi Topnetat,

Hmm, I tried it via web inspector on your site and I could test it works, maybe we can use your selector and just add :hover to it, how about this CSS code instead:
```
#top #wrap_all .header_color .av-menu-button-colored:hover > a .avia-menu-text {
    background-color: white;
    color: #c3a069 !important;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30);
}
```
Best regards,
Nikko
February 20, 2020 at 2:36 pm #1186378

topnetat
Participant

Very nice – now its perfect! Thank you!

February 20, 2020 at 3:07 pm #1186390

Yigit
Keymaster

Hi,

Glad Nikko could help! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Best regards,
Yigit
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Style colored Button Menu’ is closed to new replies.