Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 4, 2018 at 12:08 am #980812
    debenm

    I have a build set up basically using the color and structure of the “Construction Demo” import on my site. I’ve been trying to change the background and font colors of the navigation (see attached image), and I can’t seem to find the settings to change the colors. I’ve changed virtually every color in “General Styling” and can’t figure it out. What am I missing?

    Thanks.

    (if image won’t load it’s at http://lineuponline.com/wp-content/uploads/2018/07/nav.png)

    The site is here.

    • This topic was modified 6 years, 5 months ago by debenm.
    July 4, 2018 at 8:18 am #980976
    Rikard

    Hey debenm,

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

    #top #header .av-main-nav > li > a, #top #wrap_all .avia_mega_div {
    background-color: green;
}

#avia-menu li a .avia-menu-text {
    color: yellow;
}

    Best regards,
    Rikard

    July 4, 2018 at 5:10 pm #981295
    debenm

    Rikard,

    Thanks…

    I added that as quick css, but it didn’t change it. Any thoughts?

    July 5, 2018 at 7:59 am #981452
    Rikard

    Hi,

    Where are you placing the CSS? Please try it at the very top of the Quick CSS box. You could try to add important to it as well:

    #top #header .av-main-nav > li > a, #top #wrap_all .avia_mega_div {
    background-color: green !important;
}

#avia-menu li a .avia-menu-text {
    color: yellow !important;
}

    If that does not work then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    July 5, 2018 at 11:52 pm #981773
    debenm

    Rikard,

    That worked!

    What would the code be for the dropdown background and font color?

    Thanks!

    July 6, 2018 at 6:52 pm #982179
    Victoria

    Hi debenm,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .avia_mega_div ul {
    color: #403939;
    background-color: #e5e9ec;
    border-color: #b2b5b7;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 16, 2018 at 10:24 pm #986118
    debenm

    Victoria,

    Thanks for the help. Unfortunately that didn’t work. I also added “!important” to the code, but it didn’t fix the issue.

    Thx,
    Miles

    July 17, 2018 at 12:09 pm #986384
    Victoria

    Hi Miles,

    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

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