I would like to use checkboxes and radio buttons in a Contact Form 7 form. However, something with the Physio theme messes with the alignment of the label and the check box/button. The label shows up underneath the check box (instead of inline). I've unsuccessfully tried to change CSS of span.wpcf7-list-item. The problem disappears when I switch to vanilla Twentyseventeen theme.
Thank you for creating the example. I have inspected the code and wrote the following fix. Please add the code to Appearance -> Customize -> Theme Options -> Custom CSS:
Hi Barry and team,
I would like to use checkboxes and radio buttons in a Contact Form 7 form. However, something with the Physio theme messes with the alignment of the label and the check box/button. The label shows up underneath the check box (instead of inline). I've unsuccessfully tried to change CSS of span.wpcf7-list-item. The problem disappears when I switch to vanilla Twentyseventeen theme.
An example of the problem is shown here: http://development.madlenwilmes.com/wholebodykinetics/test/ (Ignore the broken header that's the result of switching themes).
It also does not matter weather I include the form short code in a HTML code element or SiteOrigin Editor ("Automatically add paragraphs" unchecked).
Thank you for looking into this!
Madlen
Hi Madlen,
Thank you for creating the example. I have inspected the code and wrote the following fix. Please add the code to Appearance -> Customize -> Theme Options -> Custom CSS:
/* Alignment cf7 fix */ input[type="radio"], input[type="checkbox"] { float: left; margin: 5px 10px 0px 0px; }This issue is will be fixed within the next theme update. Thank you for mentioning!
If you have any questions feel free to ask.
Best regards,
Barry
OFFER FOR ENVATO CUSTOMERS: ONE-YEAR SUPPORT PLAN
QreativeThemes.com | Qreative Header Footer Designer Plugin | Give me a Rating
Thank you for quickly providing a solution!
Madlen
You're welcome!
Best regards,
Barry
OFFER FOR ENVATO CUSTOMERS: ONE-YEAR SUPPORT PLAN
QreativeThemes.com | Qreative Header Footer Designer Plugin | Give me a Rating