Radio Buttons not in line with Active Campaign

Could someone take a quick look at this code. The guys at active campaign think that there is a conflict with the theme’s Css.

#_form_15_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; } #_form_15_ * { outline:0; } ._form_hide { display:none; visibility:hidden; } ._form_show { display:block; visibility:visible; } #_form_15_._form-top { top:0; } #_form_15_._form-bottom { bottom:0; } #_form_15_._form-left { left:0; } #_form_15_._form-right { right:0; } #_form_15_ input[type="text"],#_form_15_ input[type="date"],#_form_15_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_15_ textarea { resize:none; } #_form_15_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#333 !important; border:0 !important; color:#fff !important; padding:10px !important; } #_form_15_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; } #_form_15_ ._close-icon:before { position:relative; } #_form_15_ ._form-body { margin-bottom:30px; } #_form_15_ ._form-image-left { width:150px; float:left; } #_form_15_ ._form-content-right { margin-left:164px; } #_form_15_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; } #_form_15_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; } #_form_15_ ._form-label,#_form_15_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; } #_form_15_._dark ._form-branding { color:#333; } #_form_15_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); } #_form_15_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; } #_form_15_ ._form_element * { font-size:14px; } #_form_15_ ._form_element._clear { clear:both; width:100%; float:none; } #_form_15_ ._form_element._clear:after { clear:left; } #_form_15_ ._form_element input[type="text"],#_form_15_ ._form_element input[type="date"],#_form_15_ ._form_element select,#_form_15_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_15_ ._field-wrapper { position:relative; } #_form_15_ ._inline-style { float:left; } #_form_15_ ._inline-style input[type="text"] { width:150px; } #_form_15_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; } #_form_15_ ._form_element img._form-image { max-width:100%; } #_form_15_ ._clear-element { clear:left; } #_form_15_ ._full_width { width:100%; } #_form_15_ ._form_full_field { display:block; width:100%; margin-bottom:10px; } #_form_15_ input[type="text"]._has_error,#_form_15_ textarea._has_error { border:#f37c7b 1px solid; } #_form_15_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; } #_form_15_ ._error { display:block; position:absolute; font-size:13px; z-index:10000001; } #_form_15_ ._error._above { padding-bottom:4px; top:-41px; right:0; } #_form_15_ ._error._below { padding-top:4px; top:100%; right:0; } #_form_15_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; } #_form_15_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; } #_form_15_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:13px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #_form_15_ ._error-inner._form_error { margin-bottom:5px; text-align:left; } #_form_15_ ._button-wrapper ._error-inner._form_error { position:static; } #_form_15_ ._error-inner._no_arrow { margin-bottom:10px; } #_form_15_ ._error-arrow { position:absolute; width:0; height:0; } #_form_15_ ._error-html { margin-bottom:10px; } .pika-single { z-index:10000001 !important; } @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; } #_form_15_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; } #_form_15_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; } #_form_15_ ._form-content { margin:0; width:100%; } #_form_15_ ._form-inner { display:block; min-width:100%; } #_form_15_ ._form-title,#_form_15_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; } #_form_15_ ._form-title { font-size:1.2em; } #_form_15_ ._form_element { margin:0 0 20px; padding:0; width:100%; } #_form_15_ ._form-element,#_form_15_ ._inline-style,#_form_15_ input[type="text"],#_form_15_ label,#_form_15_ p,#_form_15_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; } #_form_15_ ._row._checkbox-radio label { display:inline; } #_form_15_ ._row,#_form_15_ p,#_form_15_ label { margin-bottom:0.7em; width:100%; } #_form_15_ ._row input[type="checkbox"],#_form_15_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; } #_form_15_ ._row input[type="checkbox"] + span label { display:inline; } #_form_15_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; } #_form_15_ ._form-image { max-width:100%; height:auto !important; } #_form_15_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; } #_form_15_ input[type="radio"],#_form_15_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; } #_form_15_ button[type="submit"] { padding:20px; font-size:1.5em; } #_form_15_ ._inline-style { margin:20px 0 0 !important; } } #_form_15_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:#fff !important; border:2px solid #b0b0b0 !important; width:500px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#000 !important; } #_form_15_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; } #_form_15_:before,#_form_15_:after { content:" "; display:table; } #_form_15_:after { clear:both; } #_form_15_._inline-style { width:auto; display:inline-block; } #_form_15_._inline-style input[type="text"],#_form_15_._inline-style input[type="date"] { padding:10px 12px; } #_form_15_._inline-style button._inline-style { position:relative; top:27px; } #_form_15_._inline-style p { margin:0; } #_form_15_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; } #_form_15_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; } @media all and (min-width:320px) and (max-width:667px) { #_form_15_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; } } #_form_15_ ._row_checkbox-radio { display:inline-block; }
Thanks for requesting info on how we can personally help you reach your goals.

In order to best assist you, please fill out the following information. We will reply with the requested information to your email.

Full Name*
Email*
Phone
I would like...*
To schedule a Free Consultation
Information about One on One Training
When It Comes to Online Marketing I feel.*
I know next to nothing
I know a little about it
I can hold up a conversation
I use it and have experienced signs of success
I use it, have some success and I'm ready to level up
I have the following
Business Website
Social Media Page(s)
Re marketing Tags on my Website
Google and Bing Claimed Business Pages
I would like specific help with.*
I use the following SaaS (Software as a Service) For lead Generation.
I agree to marketingautomations.ca privacy policy and terms of use.
I agree*
Please verify your request*
Submit
Marketing by

Much appreciated.

Hi @tylerwhyte,

Thanks for reaching out.

Would you mind providing the site’s URL that has this radio buttons issue? But upon checking the CSS you provided, it shouldn’t have any conflict since it doesn’t share the same naming in the Theme’s CSS. Hence, I need to check it perhaps the radio button has wrapping element that contains the class name that aren’t included in the above CSS.

Thanks!

Sure, www.marketingautomations.ca

Hi @tylerwhyte

It’s just the label style, I believe if you added this CSS code to (Theme Options > CSS) that should resolve this issue:

._form label {
    display: inline-block;
}

Thanks.

Thanks @Alaa and @Rad
Amazing Service as alwawys!!

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.