css for form control doesnt work for reference selector

1
Hello, I have edited the form-control.scss file to change the position of the label for inputs. .form-control { /* Styles here */ margin-top:-12px; } This as the effect that I want on text-boxes and drop downs but on reference selectors the label now covers part of the input - anyone has any ideas why it doesn't work for reference-selectors? // :) Fredrik
asked
3 answers
1

I was able to solve this by using specificity with a new class.

For example:

.newclass {

         .form-control{

           /* add styling here */

          }

}
answered
0

Hi Fredrik,

This should not effect anything and must change it for all the form-control including reference selectors. Please can you make sure if there is any inline margin or padding; added on the reference selector? If not then there might be some css in your theme which is adding padding or margin only on reference selectors that is causing this issue.

Hope this helps!.

answered
0

Hello,

I just solved it by creating a custom control label:

.control-label {
margin-bottom:-12px;
padding:0px;

}

:) Fredrik

answered