What can we do to make it easier to design with Wild Apricot?

Menu Color Changes

Hey there, trying to change the font color and background color of the submenu when the parent is clicked so not the flyout menu ... like if I Click 'Accommodations', under that the level 2 options would be 'Hotels', 'B and Bs' and 'campgrounds' and then the level 3 form those would be the actual accommodations.

I used:

#idMainMenu .stacticMenuLevelContainer ul.dynamic li {

background-color: #blue!important;

}

But I obviously don't know what I'm doing. Any help?

Is there a document somewhere that lists all the classes and such? I do I use an inspector everytime?

0 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    SomethingCleverSomethingClever shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    3 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • DotCreativityDotCreativity commented  ·   ·  Flag as inappropriate

        Try this to remove the background image:

        #idMainMenu .dynamicMenuLevelContainer ul.dynamic {
        background-image: none !important;
        }

      • SomethingCleverSomethingClever commented  ·   ·  Flag as inappropriate

        So, I figured something out ... but it's not really helping that much.

        I added this:

        #idMainMenu ul.menuLevel2 {

        background-color: #ffffff!important;

        }

        but the overlay .png it still there ... so I make it white, but the white is a pale orange because of the png ... I can't find the element that holds the png.

        :(

      Feedback and Knowledge Base

      Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7