• Resolved claudiavalverde

    (@claudiavalverde)


    Hi. I would like to click on the selection field to choose a product and when the dropdown menu opens, it overflows on the form and does not increase the height of the form. Which CSS should I use?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @claudiavalverde ,

    This is known bug, our developers are working on fixing that.

    A temporary workaround is making the position absolute:

    .forminator-select-list .forminator-dropdown-list{
        position: absolute;
        top: 40px;
    } 

    You can use it inside the Form > Appearance > Additional CSS.

    kind regards,
    Kasia

    Hi Kasia. Thanks for your return! It worked perfectly!
    Thanks

    Two more questions: What is the CSS for:

    1- Increase the font of the label of the checkbox field.
    2- Align left all the labels of the fields.

    Hi @claudiawst,

    Can you tell us a bit more to which CSS are you exactly referring to?
    Are you using one of the predefined templates, if so which one?

    Can you share the CSS code that you’re referring to?

    Cheers,
    Predrag

    Hi Predrag.
    Please take a look at this page: https://test7.wst.ca/?page_id=424
    We would like to:
    1- Increase this the font size of the label :” Please select which services you require from WS Technologies Inc.”
    2- Left align the following labels: “Select Product”, “Serial Number”, “Name”, “Company”, “Email Address”, and “Additional Notes”
    I am wondering if I should add CSS to customize those labels.
    Thanks,
    Claudia

    • This reply was modified 4 years, 2 months ago by claudiawst.

    I realized how to left align using the page settings. I only need to know how to increase the font type now.
    Thanks.

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @claudiawst,

    Please try the following CSS to increase the font size:

    #checkbox-1 > div > label {
    	font-size: 22px;
    }
    

    YOu can increase or decrease the value of 22px in the above one. Please add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

    Kind Regards,
    Nithin

    Hi Nithin! It worked perfectly!
    Thank you so much for your support!
    Kind regards,
    Claudia

    • This reply was modified 4 years, 2 months ago by claudiawst.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Select field overflow’ is closed to new replies.