Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 21, 2016 at 10:01 pm #702656
    Eagles1227

    I have tried everything that I could think of, but I cannot figure out how to remove the white space between “Cities” (In the menu) and the right edge of the website. Any help is appreciated!

    Thanks!

    October 22, 2016 at 10:44 am #702773
    Rikard

    Hi Eagles1227,

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

    .av_header_stretch .container {
    width: 100% !important;
}

    Best regards,
    Rikard

    October 24, 2016 at 10:34 pm #703460
    Eagles1227

    Thanks so much! That worked, except now I need space between the word and the right side of the page. When I add a “padding,” it extends the orange line all the way to the right instead of just under the text – I’m doing something wrong! Also, how do I just change the first level navigation font of “Cities” to white?

    Thanks!

    October 25, 2016 at 8:25 am #703635
    Rikard

    Hi,

    Please try the following as well:

    #menu-item-116 {
    padding-right: 20px !important;
}


#menu-item-116 .avia-menu-text {
    color: white !important;
}

    Best regards,
    Rikard

    October 25, 2016 at 3:06 pm #703812
    Eagles1227

    Yes, that works. However, when changing the text to white, it also changes the text in the mega menu to white. I tried first level and all, but I keep striking out! Thoughts?

    Goal: Trying to change the first level, menu item 116 text to white.

    Thanks again!

    • This reply was modified 8 years, 1 month ago by Eagles1227.
    October 26, 2016 at 6:47 am #704132
    Rikard

    Hi,

    Ok, please try this instead:

    #menu-item-116 .avia-menu-text {
    color: white;
}

#menu-item-116 .sub-menu .avia-menu-text {
    color:#fcfcfc;
}

    Best regards,
    Rikard

    October 26, 2016 at 11:31 pm #704585
    Eagles1227

    Ahh, I thought of that as well but it did not work! This is frustrating – something so easy and I am overlooking it somehow! Any other suggestions?

    October 27, 2016 at 9:07 am #704730
    Rikard

    Hi,

    I’ve actually never used the CSS :not selector before but maybe this could work?

    #menu-item-116 .avia-menu-text:not(.sub-menu .avia-menu-text) {
    color: white;
}

    Or this?

    #menu-item-116 .avia-menu-text:not(.sub-menu) {
    color: white;
}

    http://www.w3schools.com/cssref/sel_not.asp

    Best regards,
    Rikard

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