Height of input/select element

[marcelhavlik]

Hello, I have changed in my fabrik template font-size for input and select element but the height of elements is not changed - the font size is bigger than the element. When changing Bootsrtap class to input-large or xlarge, then only width is changing.

 

[cheesegrits]

You'll need to set that in a custom CSS file.

.fabrukinput {
height: 25px !important;
}

... or whatever size you want.

To create a custom CSS file, rename custom_css_example.php to custom_css.php in your template folder, edit, and read the comments.

-- hugh

 

[marcelhavlik]

Hugh, I really appreciate your support. I used the custom CSS file but with different data - input instead of .fabrikinput. Now the size is perfect, but the height of input and select is different. Can you help me also with this issue?

This is my current custom CSS file:
.fabrikGroup {
font-size: 40px !important;
font-style: bold !important;
}
.fabrikinput {
height: 35px !important;
font-size: 18pt !important;
font-style: bold !important;
border-radius: 7px !important;
}
.fabrikLabel {
font-size: 15px !important;
}
.btn {
height: 50px !important;
border-radius: 7px !important;
}

You can see the form at - http://hypoteka.itznojmo.cz/

Regards,
Marcel

 

[cheesegrits]

Did you try setting the height for input?

This isn't a Fabrik thing, this is just straight up CSS. Figure out the selector you need, and apply a style to it. Use something like Chrome's Dev Tools to inspect the page and see what classes etc you need.

Setting the height on an input in a fabrikElement div would probably be something like ...

.fabrikElement input {
height:35px !important;
}

-- hugh