Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 29, 2019 at 10:30 am #1152011
    engage24

    Hi there

    We are using Revolution Slider on all website pages but some of the sliders’ slides are light and some are dark, so we wanted some CSS code that would make the menu items light on dark slides and dark on light slides.

    So we found a forum post that suggested adding this code (to apply different color menu items to the 2 pages):

    #main p a { text-decoration: underline; }
    .page-id-93 .av_header_transparency #header_main .avia-menu-text, .page-id-93 .av_header_transparency #header_meta * {
    color: white!important;
    }
    #main p a { text-decoration: underline; }
    .page-id-107 .av_header_transparency #header_main .avia-menu-text, .page-id-107 .av_header_transparency #header_meta * {
    color: white!important;
    }

    However, a problem that has arisen as a result is that on these 2 pages (IDs 93 & 107) although the menu items changed color and look great…. the submenu background (hover over ‘About’) also went white (where the font is white too, so invisible) and also the whole mobile menu goes white when you’re on these 2 pages.

    How can we apply the above (which works nicely) but ONLY apply this to the main menu font color?

    Thanks
    Eric

    October 31, 2019 at 2:24 pm #1152710
    Victoria

    Hey engage24,

    Please remove the code you found and use this:

    
 #top.page-id-107 #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text,
 #top.page-id-93 #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
     color: #fff;
 }

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 31, 2019 at 3:21 pm #1152746
    engage24

    Thanks Victoria… I’ve entered your code, but it’s still happening.
    When you’re on either of these 2 pages and you either hover over the ‘About’ menu item you’ll see the submenu is white text on white background, or when visiting on a mobile the fly-out menu is white on white.

    Please advise?

    Thanks
    Eric

    November 2, 2019 at 4:13 pm #1153284
    Victoria

    Hi engage24,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 4, 2019 at 6:40 am #1153627
    engage24
    This reply has been marked as private.
    November 6, 2019 at 5:44 pm #1154357
    Victoria

    Hi Eric,

    https://cl.ly/a561d2071b33 The code works on my end, is this not what you expected?

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    November 6, 2019 at 7:14 pm #1154390
    engage24

    It looks great now, sorry – it must have been cached. Thank yoU!

    November 6, 2019 at 9:29 pm #1154428
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Issue with code to change menu font color on Revolution Slider’ is closed to new replies.