Forums

Hi, i've created a form an all works, but i've a problem with css alignment of secondary label of a checkbox. It's align to right but i want to align left. I've add in css #fitem3 label { text-align: left !important; } and on firefox works but not chrome.

An example is at this page on field bottom Pagamento: http://www.greggioandrea.it/test32/index.php/component/chronoforms5/?chronoform=Iscrizione_Antincendio_Rischio_Basso&cs=Addetti antincendio Rischio basso&dt=24/11/2015&pr=100.00&sd=Piove di sacco

What i've to do for align in chrome this field?

Thanks

Hi parsifaltheking,

It is left aligned when I view the form in Chrome.

Bob

I have the same problem. But the problem exists only with below setting;

Problem scenario
-Macbook, El Capitan OS, Mozilla
-Mobile, Android 5.0, Chrome

No Problem scenario
-Macbook, El Capitan OS, Chrome or Safari
-Windows, Mozilla or Chrome

Hi iozger,

Sorry, I've not seen this happen. What is the source HTML here?

Bob

I sent the link of the website through PM.

this is the code:

<div class="form-group gcore-form-row" id="form-row-checkbox_group6"><label for="checkbox_group6" class="control-label gcore-label-top gcore-label-checkbox">Hangi Geziye Katılıyorsun?</label>
<div class="gcore-input-wide gcore-display-table" id="fin-checkbox_group6"><div class="gcore-single-column" id="fclmn"><div class="gcore-checkbox-item" id="fitem"><input name="checkbox_group6[]" id="checkbox_group6" class="validate['group:6'] A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" value="kuba" />
<label class="control-label gcore-label-checkbox" for="checkbox_group6">Küba, 29 Nisan - 7 Mayıs 2016</label></div>
<div class="gcore-checkbox-item" id="fitem1"><input name="checkbox_group6[]" id="checkbox_group61" class="validate['group:6'] A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" value="meksika" />
<label class="control-label gcore-label-checkbox" for="checkbox_group61">Meksika, 12 Mart - 22 Mart 2016</label></div>
<div class="gcore-checkbox-item" id="fitem2"><input name="checkbox_group6[]" id="checkbox_group62" class="validate['group:6'] A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" value="iran" />
<label class="control-label gcore-label-checkbox" for="checkbox_group62">İran, 26 Mart - 3 Nisan 2016</label></div>
<div class="gcore-checkbox-item" id="fitem3"><input name="checkbox_group6[]" id="checkbox_group63" class="validate['group:6'] A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" value="fas" />
<label class="control-label gcore-label-checkbox" for="checkbox_group63">Fas, 5 Mart - 13 Mart 2016</label></div>
<div class="gcore-checkbox-item" id="fitem4"><input name="checkbox_group6[]" id="checkbox_group64" class="validate['group:6'] A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" value="japonya" />
<label class="control-label gcore-label-checkbox" for="checkbox_group64">Japonya, 25 Mart - 3 Nisan 2016</label></div></div></div></div><div class="form-group gcore-form-row" id="form-row-isim"><label for="isim" class="control-label gcore-label-top">Ad Soyad</label>
<div class="gcore-input-wide gcore-display-table" id="fin-isim"><input name="isim" id="isim" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-telefon"><label for="telefon" class="control-label gcore-label-top">Telefon</label>
<div class="gcore-input-wide gcore-display-table" id="fin-telefon"><input name="Telefon" id="telefon" value="" placeholder="" maxlength="" size="" class="validate['required','phone'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-eposta"><label for="eposta" class="control-label gcore-label-top">e-posta</label>
<div class="gcore-input-wide gcore-display-table" id="fin-eposta"><input name="eposta" id="eposta" value="" placeholder="" maxlength="" size="" class="validate['required','email'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-button5"><div class="gcore-input gcore-display-table" id="fin-button5"><input name="button5" id="button5" type="submit" value="Geziye Kaydol" class="btn btn-default form-control A" style="" data-load-state="" /></div></div>

Hi lozger,

Sorry I don't have access to either of the combinations that are causing problems. I've checked the HTML and that looks OK and I've tested on the Chrome developer emulators and they look OK.

I can only suggest that it might be something to do with the input spacing in the CSS - you could try adjusting that to see if it makes a difference.

Bob