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
QreativeThemes.com | WordPress Themes
Thank you for quickly providing a solution!
Madlen
You're welcome!
Best regards,
Barry
QreativeThemes.com | WordPress Themes