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

Menu Height

Hi

Can anyone advise me on how to change menu height. I tried changing the placeholder height but that did not work.

White Space Clear Light theme.

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

    Biz55Biz55 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...
      • KonstantinKonstantin commented  ·   ·  Flag as inappropriate

        Hi,

        You can use this code:

        .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a { padding-top: 10px; padding-bottom: 10px; }

        Just add this to CSS customization window. That will decrease paddings from original (20px) to 10px. I advise you not to reduce it even more, it could mess with functionality.

        Is that what you wanted to do?

      • Biz55Biz55 commented  ·   ·  Flag as inappropriate

        Thanks.

        I was hoping to DECREASE the menu height, reducing the distance between text and horizontal borders. Is that possible ?

      • KonstantinKonstantin commented  ·   ·  Flag as inappropriate

        Hi,

        White Space Clear light theme has white menu to match overall background, so in your case I advise to add vertical margins or paddings to gadget itself and increase Font size in "Colors and Styles". This will visually increase overall size of the menu .

        That is if I got you right.

      Feedback and Knowledge Base

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