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

background images in the navigation

I have a left navigation menu, and would like to put separate background images in each menu item (not a single background image for the whole menu). I do not have any subpages, just the main level of links. I've done this before with a spry menu but can't figure out where to insert the backgrounds in all this CSS. Please help if you can! Thanks.

0 votes
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)

We’ll send you updates on this idea

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

3 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...
  • Anne333 commented  ·   ·  Flag as inappropriate

    Thank you for your response. Are these ids already in the CSS file provided or do I have to create these ids? I don't see any with numbers in the CSS I downloaded. Where do these numbers come from?

  • Frank commented  ·   ·  Flag as inappropriate

    Each menu item has a unique id (i.e, idMainMenuItem884746, idMainMenuItem884812, idMainMenuItem984365..etc). Using these (ie,. #idMainMenuItem884812 {background:#FFF;} ) you should be able to style each with it's own color.

Feedback and Knowledge Base