Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 17, 2020 at 2:22 pm #1204718
    ezban4life

    Hallo Zusammen,

    ich habe eine kurze Frage zum Hauptmenü (Menü-Links in Seitenüberlagerung/-verschiebung).

    Speziell geht es mir darum, ob ich die Schriftfarbe der Kategorien ändern kann, wenn ich mit der Maus drüber gehe? Bisher habe ich nur die Möglichkeit gefunden eine Hover-Einstellung im Bereich Hauptmenu-Links einzustellen – dies hilft mir leider nicht weiter. Auch andere Lösungsvorschläge aus dem Forum konnten mir bisher leider nicht weiterhelfen.

    Anbei ein Screenshot: Ich würde gerne, dass sich die Schriftfarbe der Kategorie beim “Mouseover” in #f44100 ändert.

    Vielen Dank und lieben Gruß
    Christian

    ____________

    I have a short question about the main menu (menu links in page overlay/move).

    In particular I would like to know if I can change the font color of the categories when I go with the mouse “over” them? So far I only found the possibility to set a hover setting in the main menu links section – unfortunately this doesn’t help me. Also other suggestions from the forum could not help me so far.

    Here is a screenshot: I would like the font color of the category to change to #f44100 on “mouseover”.

    Thank you.

    April 18, 2020 at 4:31 pm #1204989
    Victoria

    Hey ezban4life,

    Could you please give us a link to your website, we need more context to be able to help you. Do you mean hover on mobiles? There is no hover for mobile menus, there is a tap only.

    Best regards,
    Victoria

    April 20, 2020 at 11:44 am #1205470
    ezban4life

    Hi Victoria,

    thank you for your quick reply.

    No, I am not talking about mobile. I will share more screenshots to clarify this. :-)

    Thank you and best regrads
    Christian

    April 22, 2020 at 4:36 pm #1206257
    Victoria

    Hi ezban4life,

    Please share credentials so that we can see it the issue.

    Best regards,
    Victoria

    May 6, 2020 at 2:04 pm #1210346
    ezban4life

    Hi Victoria,

    sorry for my very late replay, however, I still haven’t figured out how to solve my problem. Unfortunately, I also can’t share my credentials. I have created a video where you can see the video. I would like to change hover color to #f44100 – is this possbile?

    Thank you and kind regards
    Christian

    May 6, 2020 at 2:25 pm #1210350
    ezban4life

    Oh, I solved it and it was actually quite easy ..

    span.avia-menu-text:hover {
    color: #f44100;
    }

    Still thank you for your help.

    Best regards
    Christian

    May 7, 2020 at 6:55 am #1210618
    Rikard

    Hi Christian,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 12, 2020 at 12:42 pm #1212133
    ezban4life

    Hi everyone,

    unfortunately now I have another issue. I also wanted to change the hover color of the X at top right corner. Somehow I only managed to the half of this using this code:

    .av-burger-overlay-active #top #wrap_all .av-hamburger-inner:hover {
    background-color: #ff4100 !important;
    }

    How can I change the color of the whole X?

    Thank you in advance.
    Christian

    May 13, 2020 at 6:12 am #1212486
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-hamburger-inner:before, .av-hamburger-inner:after {
  background-color: red;
}

    Best regards,
    Rikard

    May 13, 2020 at 8:44 am #1212523
    ezban4life

    Hi Rikard,

    thank you for the quick response. We getting closer, but how do I have to change the code so that the X (inner and after?!) so only changes color in hover? Something like “.av-hamburger-inner:after:hover” does not work, does it?

    Kind regards
    Christian

    May 14, 2020 at 6:11 am #1212835
    Rikard

    Hi,

    Please try this to see if you have any luck with it:

    .av-burger-menu-main:hover .av-hamburger-inner:before, .av-burger-menu-main:hover .av-hamburger-inner:after {
  background-color: green;
}

    Best regards,
    Rikard

    May 14, 2020 at 9:01 am #1212870
    ezban4life

    Hi Rikard,

    yes that woks! Thank you very much. This Topic can be closed!

    Kind regards
    Christian

    May 15, 2020 at 8:07 am #1213161
    Rikard

    Hi,

    Great, I’m glad that we could help. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hover-Farbeffekt im Bereich "Menü-Links in Seitenüberlagerung/-verschiebung"’ is closed to new replies.