Forums

Good evening,
​
With the form which can be found at https://www.psvbadmintonbrugge.com/CMS30/index.php/club/lid-worden/online-inschrijven, there's all of a sudden (most likely after the last update I believe?) a problem with some of the checkboxes.

If you try to click on (for example) the checkbox "Initiatielessen? (15€)" (middle of the page to the right), you will see that nothing happens. (tried multiple browsers btw)
However, if you click just besides it to the left, then it works.
I'm very sure this worked fine before and I haven't change anything substantial.
​
So any help and/or suggestion as to the cause for this (and a solution) would be nice.
​
Thank you in advance for the feedback!
​
KR,
Matt.

Hi Matt,
​
You appear to be loading a Twitter bootstrap CSS file that is changing the checkbox layout.

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    float: left;
    margin-left: -20px;
}

Bob

Hey Bob,
​
I see what you're saying there (how did you find this btw and what included .css file are we talking about actually?),
but how come other checkboxes in the same form are then not "suffering" from this issue?
If it's a a .css config changing the lay-out wouldn't all checkboxes be impacted?
Seeing as the piece of code is not for specifc class and both impacted and non-impacted checkboxes in the form don't have a specific class.

Hi Matt,
​
The file appears to be /templates/psvbcbrugge_3/css/bootstrap.min.css and I found it using my browser Web Developer tools (I use Chrome and access them with F12 but other browsers have similar tools).
​
It does appear to be applied to all the checkboxes but as some of them are already at the left hand edge the -20px margin doesn't have any effect,
​
Bob

Hi Bob,
I have modified that part of the .css file and it's working (again now) indeed.
I created the template using Themler (sort of became NicePage nowadays), but can't immediately seem to find if it's actually something that I can manage/modify in the gui of Themler
Thank you again for helping out here.

Hi Matt,
​
You could over-ride that CSS with some form CSS using a more specific selector like the form ID or class.
​
Bob