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.
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!
Please Log in or Create an account to join the conversation.
- Topic Author
- Nancy LeVasseur
- Offline
- Junior Boarder
- Posts: 26
- Thank you received: 0
8 years 5 months ago
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
Please Log in or Create an account to join the conversation.
8 years 4 months ago