Customize Form Field Drop Down

4 Comments

  • John Budke

    Me too!  I tried this a couple of weeks ago, probably looking at the same article Sherwyn was, and couldn't find the .nesty either.  I would like to expand several of ours but can't locate them on the style sheet.

    More detailed instructions/code location would be great!

    0
  • Chris Stock
    Community Moderator

    Hi Sherwyn Pena/John Budke,

    You're right that the nesty-panel classes don't appear in the standard stylesheet for the Copenhagen theme, they appear to be loaded from elsewhere. You can still override the styling though. Adding

    .nesty-panel li {
    font-size: 16px;
    }

    to the style.css file will increase the text size in that dropdown.

    0
  • Sherwyn Pena

    It worked! Thank you so much, Chris.

    My next question is, how do I adjust the height of the drop-down menu?

    0
  • Chris Stock
    Community Moderator

    Great! To adjust the height of each row in the drop-down you can do the following:

    .nesty-panel li {
    font-size: 16px;
    line-height: 1.5em;
    }

    To adjust the height of the entire panel you'll need something like:

    .nesty-panel {
    max-height: 500px;
    }

    You'll need to adjust the '500px' to whatever is appropriate for your menu.

     

    0

Please sign in to leave a comment.

Powered by Zendesk