Customizing CSS WIth Jetpack Contact Form | ww.wp.xz.cn

Resolved maggieandjunephoto
(@maggieandjunephoto)

9 years, 4 months ago

I’m having a little bit of difficulty getting a few things to work with the Jetpack Contact Form the way I am intending. For some reason no matter what trick I use, I cannot get the radio buttons or checkbox options to align horizontally. Anyone have any idea how best to achieve this? I’ve tried every CSS trick I can think of.

Thank you!

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

Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

9 years, 4 months ago

Could you post a link to your form here so I can take a look?

If you want your site URL to remain private, you can also contact us via this contact form:
http://jetpack.com/contact-support/

Thread Starter maggieandjunephoto
(@maggieandjunephoto)

9 years, 4 months ago

http://www.maggieandjune.com/new-client-welcome/

I’ve tried every trick I can think of but I can’t get those checkboxes horizontal. lol Any help would be much appreciated. Thank you so much. 🙂
Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

9 years, 4 months ago
Something like this should help:
```
.entry-content .contact-form label.grunion-checkbox-multiple-label {
    display: inline-block;
    float: left;
    margin: 0 5px 3px 5px;
}
label.grunion-checkbox-multiple-label ~ .clear-form {
 clear: none;
}
.contact-form div .clear-form:last-child {
  clear: both;
}
```
Thread Starter maggieandjunephoto
(@maggieandjunephoto)

9 years, 4 months ago

Yes! Worked like a charm! You’re the best thank you! 🙂

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

The topic ‘Customizing CSS WIth Jetpack Contact Form’ is closed to new replies.

Tags

5 replies
3 participants
Last reply from: DAaron
Last activity: 9 years, 2 months ago
Status: resolved