Check box styling and other box styling

Nancy LeVasseur created the topic: Check box styling and other box styling

Hello,
I need help styling a contact form.
1. The check boxes to the left are too low.
2. The red required asterisk is too low.
3. When the user selects "Other," the field that opens needs to be much bigger, and it needs to not crowd the copy below it.

The form can be found here: 326.fe5.myftpupload.com/contact/

Just a general comment, it seems like every time I use a contact form, it needs to be styled. I need to contact you for help. I don't understand why these elements can't be fixed permanently. What I'm asking for is standard in form development. Just sayn'

Thanks for your help, but I'd really rather not have to bug you so much. B)

Regards,
Nancy

PS, I'll send you credentials once I hear from you. Or, you could send me the css, and I could change it. I'm comfortable doing that.

Thanks again!

#39293

Please Log in or Create an account to join the conversation.


Support replied the topic: Check box styling and other box styling

Dear Nancy,

Thank you for keeping us posted about this problem!
Please note, that this problems mostly occur because of conflicts with website theme. So however we style it there is 60% possibility, that there will be style changes when viewing the form.

To fix check boxes and asterisk issue, please add the following CSS code to the theme of your form:

input[type="checkbox"] {
    margin-top: 0px !important;
}
.wdform-required {
    display: inline-block !important;
    margin-top: -5px !important;
}

As for the Other input problem, here's the necessary code
.wdform-field[type="type_captcha"] {
    padding-top: 20px !important;
}
.wdform-page-and-images .other_input {
    min-width: 200px !important;
}

Thank you!


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#39371

Please Log in or Create an account to join the conversation.


Time to create page: 0.210 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us