Contact Form Radio Buttons

  • Resolved nutelladonut

    (@nutelladonut)


    7 years, 7 months ago

    Hello,
    I am just wondering how i would go about making the radio buttons and comment fields on this form allign nicer. Ideally, i would like the male/female buttons to be on one line instead of underneath eachother.
    The version of Jetpack I’m using is 4.0.3

    Page: http://ldtr.org/?page_id=189

    Coding admin text:
    [contact-field label='Gender' type='radio' required='1' options='Male,Female'/][contact-field label='Comment' type='radio' required='1' options='New,Renewing'/]

    Thanks for any help in advance.

    https://wordpress.org/plugins/jetpack/

Viewing 1 replies (of 1 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    7 years, 7 months ago

    would like the male/female buttons to be on one line instead of underneath eachother.

    You can customize the look of every element on your site thanks to CSS. You can add that CSS to your theme stylesheet, or to your custom CSS editor available under Appearance > Edit CSS in your dashboard.

    For example, to move the radio input labels next to each radio button, you could use the following CSS:

    .contact-form input[type=checkbox],
.contact-form input[type=radio] {
	width: auto;
	display: inline-block;
}

    I hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form Radio Buttons’ is closed to new replies.