Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 19, 2014 at 3:09 am #337764
    jackel2727

    So, I am trying to change the color of the div container of the menu. From inspecting, I got

    #header_main_alternate .container_wrap {};

    Unfortunately, I am thinking that I must add a new div section to change?

    To make it clear in what I am trying to accomplish:

    So, main logo area background color is different than the menu container (Full Width)

    tried this…

    #header_main_alternate .container_wrap {
color:red !important;
background:red !important;
background-color:red !important;
}

    Figured one of those would work..

    October 19, 2014 at 4:05 am #337801
    jackel2727

    In addition, why does the custom color selection in “Color Section” not update/work?

    October 19, 2014 at 4:06 am #337805
    jackel2727

    nm, had some custom CSS, changed section color theme and fixed that. Still need help with first question..

    October 19, 2014 at 4:14 am #337812
    Josue

    Hi!

    Try targeting the direct menu links, with something like this:

    #avia-menu li > a {
    background: red;
}

    Regards,
    Josue

    October 19, 2014 at 4:46 am #337829
    jackel2727

    Thanks Josue, I’ll give that a try.

    October 19, 2014 at 4:49 am #337832
    jackel2727

    Unfortunately that did not work. your code does however work with the !important added to the color, but the color only affects the menu box, not the full width div. Does this make sense?
    Thanks Again

    October 19, 2014 at 4:50 am #337833
    Josue

    Please post a link to your site.

    Cheers!
    Josue

    • This reply was modified 10 years, 1 month ago by Josue.
    October 19, 2014 at 4:53 am #337838
    jackel2727

    Okay, found the fix.

    Here is the code:

    #header_main_alternate {
background-color: red;}

    Thought I tried this, but now it’s working.

    October 19, 2014 at 4:55 am #337843
    jackel2727
    #avia-menu li > a {
    background: red;
}

    The above code changes the background color of the menu blocks whereas

    #header_main_alternate {
background-color: red;}

    Changes the background color behind the blocks, the full-width div area.

    Hope this helps.

    October 19, 2014 at 4:57 am #337844
    Josue

    Glad you found a solution :)

    Regards,
    Josue

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