Checkboxes

Can you provide a lin to your form?

https://thewellsa.org/get-connected/serve-2/

Thanks for your help!

Somewhere in your themes CSS you have made labels a block level element which mean it spans the entire container. This makes it impossible for labels to appear next to the field elements that they belong too unless you also give them a specific width and float them.

Remove that and it will work just fine.

Do you mind helping me with where that might be?

body{}

body{}

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 12px;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
color: #000;

}

span{
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 14px;
margin: 0px, 10px, 0px, 10px;
outline: 0 none;
padding: 0px, 10px, 0px, 10px;
vertical-align: baseline;
color: #ccc;
}

.main_nav ul {
display: block;
float: left;
list-style: none outside none;
margin: 0;
padding-top:0px;
}

body.fixed_width #footer {
background: none repeat scroll 0 0 #222222;
margin: 0 auto;

}

#footer {
.box-shadow( 0 2px 5px 2px rgba(0, 0, 0, .8) );
}

.section-brandnav .content-pad {
padding-bottom: 0;
padding-top: 2em;
}

.widget-title, #footer li h5 a, .main_nav, .author-details, .post-nav, .current_posts_info, #secondnav {
font-size: 17px;
font-weight: bold;
}

.widget .widget-title {
color: rgba(0, 0, 0, 0.7);
font-size: 18px;
font-weight: bold;
margin-bottom: 0.6em;
padding: 3px 8px 3px 0;
text-align: left;
}

.footcol ul {
padding: 0 1px;
}

.hentry h1, .hentry h2 {
font-size: 25px;
}

#footer p, #footer li h5 p {
color: #ccc;
}
#footer a, #footer li h5 a {
color: #ccc;
}

[class^=”icon-“], [class*=” icon-“] {
font-family: PageLinesFont;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0px;
color: #ccc;
}

.widget ul li a{
color: #b0b1b1;
}

.widget ul li a:hover{
color: #000000;
}

.superwidget-social-facebook {
padding:0px, 120px, 0px, 0px;
}

.post-meta .c_img {
background: none repeat scroll 0 0 #ffffff;
border: 0 none #FFFFFF;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}

.section-brandnav .brandnav-nav {
float: right;
margin-left: 2px;
margin-top: 35px;
}

#fbox_653 .fboxtitle {text-align:center;}
#fbox_651 .fboxtitle {text-align:center;}
#fbox_649 .fboxtitle {text-align:center;}

#page-id-xx {background:—–;}

It’s not in the CSS you just pasted. It’s located where ever this is being generated: https://thewellsa.org/wp-content/uploads/pagelines/compiled-css-1364617293.css

I don’t use pagelines so I’m not exactly sure how that’s being compiled or where it’s being compiled from.