Checkbox display | WordPress.org

Resolved ioioiofilip
(@ioioiofilip)

10 years, 9 months ago

Is there a way to display the checkboxes or radio buttons inline or block without overriding all the forms? I used this.wpcf7-list-item { display: block; } but it changes all the fields to block display. Thanks!

https://wordpress.org/plugins/contact-form-7/

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Takayuki Miyoshi
(@takayukister)

10 years, 9 months ago

See Styling Contact Form

Thread Starter ioioiofilip
(@ioioiofilip)

10 years, 9 months ago

Right. Thank you

Thread Starter ioioiofilip
(@ioioiofilip)

10 years, 9 months ago

My bad still doesn’t work. Used this [checkbox checkbox-379 use_label_element class:block_style "1" "2" "3" "4" "5"] and this as custom css .block_style { display: block!important; }. Any other rule like colors or text size work but not display. Used both id and class. Maybe some conflict with the wp theme? I use Salient.

Thread Starter ioioiofilip
(@ioioiofilip)

10 years, 9 months ago

OK got it. In case anyone needs this it should be .block_style .wpcf7-list-item { display:block!important; }

davmerit
(@davmerit)

10 years, 7 months ago

@ioioiofilip you could consider using Contact Form 7 Skins to style your Contact Form 7 Forms.

You can now use the add-on CF7 Skins Ready to create horizontally aligned checkboxes

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Checkbox display’ is closed to new replies.

5 replies
3 participants
Last reply from: davmerit
Last activity: 10 years, 7 months ago
Status: resolved