Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 28, 2016 at 8:46 am #666084
    aieseccanada

    Global Talent Asia Application

    You’ll notice that the drop down menus are cut off. How do I fix this issue?

    • This topic was modified 7 years, 8 months ago by aieseccanada.
    July 30, 2016 at 6:44 pm #666860
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top select{ min-height: 45px; }

    Cheers! 
    Josue

    July 31, 2016 at 12:23 am #666910
    aieseccanada

    Thanks! That did the trick. Also, if I wanted to decrease the font size of “All participants must be 18-29 years of age” on that page, how would I do that?

    July 31, 2016 at 1:38 am #666916
    Josue

    Hi,

    Use the following:

    #top legend {
    font-size: 12px;
}

    Best regards,
    Josue

    July 31, 2016 at 1:50 am #666922
    aieseccanada

    Awesome! Two more things. How do I add a little bit more space above and below each field? and is there a way I can add a border/shadow around the drop down menu so that it’s more distinct?

    July 31, 2016 at 7:21 am #666938
    Vinay

    Hi,

    To add gap between the form fields please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top fieldset {
     margin-top: 20px;
}

    To add box shadow to submenu 

    #top .header-scrolled #avia-menu .sub-menu, #avia-menu .sub-menu {
    box-shadow: 1px 4px 8px 1px rgba(0,0,0,.5);
}

    Best regards,
    Vinay

    July 31, 2016 at 7:45 am #666945
    aieseccanada

    Sorry Vinay, I meant adding a border/shadow to the drop down menus in the form

    August 4, 2016 at 12:14 am #668317
    Josue

    Hi,

    Drop down menus can not be styled directly by CSS (they’re handled by the browser).

    Best regards,
    Josue

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