Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 11, 2016 at 3:54 pm #671394
    brainxchange

    I’m trying to change the hoover text color on this specific fullwidth submenu. I created a custom css class .ewts17-submenu

    https://brainxchange.events/enfold-staging/events/ewts-2017/

    When I make the css changes it seems to apply to all fullwidth submenu’s and not just the custom css class .ewts17-submenu

    August 11, 2016 at 3:57 pm #671395
    brainxchange

    Also, I applied the css code below to change the “Register Now” button to a blue color. Did I do this correct? or will this effect other fullwidth submenu’s on the site? Again I’m only trying to edit the colors/style of custom css class ewts17-submenu

    #top #wrap_all .header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type='submit'], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2, #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, .header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover {
    background-color: #066eb5;
    color: #ffffff;
    border-color: #066eb5;
}
    • This reply was modified 8 years, 3 months ago by brainxchange.
    August 11, 2016 at 7:30 pm #671522
    Yigit

    Hey!

    Please add following code to Quick CSS instead

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #066eb5;
    color: #ffffff;
    border-color: #066eb5;
}

    Best regards,
    Yigit

    August 11, 2016 at 9:01 pm #671560
    brainxchange

    How would it know that this is for the fullwidth sub menu witha custom css class of ewts17-submenu ?

    August 15, 2016 at 5:11 am #672463
    Ismael

    Hi,

    This code should work for that specific full width sub menu:

    .header_color.ewts17-submenu .av-subnav-menu a:hover {
    color: #cf1b15;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.