[Diana Beam]

On my submit page the drop downs for phone and email are wonky see attached image. Can I alter the css so the form dropdown display correctly. May be a theme issue may be connections? I’m not sure at this point.

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Diana

I can not say much from just a screenshot but, it does appear either them or another plugin is negatively affecting the display of Form. You’ll need to share a link to the page so I can offer more specific advice.

[Diana Beam]

This reply has been marked as private.

[Steven Zahm]

@ Diana

The CSS styling conflict is from the theme. We’ll have to revert some of it globally assigned styles to fix the display in Form. Add the following to the theme’s custom CSS area, generally found in the Theme Customizer.

#cn-form input, 
#cn-form select, 
#cn-form textarea {
    display: initial;
    width: auto;
}

#cn-form select {
    -webkit-appearance: menulist;
    background: none;
    font-size: unset;
    height: auto;
}

#cn-form input[type=radio], 
#cn-form input input[type=checkbox] {
    bottom: auto;
}

Hope this helps! Let me know.

[Diana Beam]

Steven, You are a miracle worker. Thanks for the help and the awesome plug in.

[Steven Zahm]

Thanks!

If you have a moment, I would truly appreciate a review as they really do make a difference.

https://wordpress.org/support/plugin/connections/reviews/

Thanks in advance for your time!

[Author]

Posts