Pocketbook - form fields


#1

Any tips on how to override the rounded shape of the form entry fields to make them more rectangular-shaped like in the example? I researched and saw a suggestion to add border-radius: 0;, but that doesn't seem to have any effect.


#2

Hi,

I'm guessing you are using Bootstrap forms as instructed in project, the basic Bootstrap form text field ect have a class form-control this class has a border-radius of 4px you can change by doing so:

.form-control {
border-radius: 1px <-- to whatever you want
}

#3

Thank you! That worked. I thought I had tried adjusting the border-radius, but I probably applied it to the wrong class level (e.g., "form" or "form-group"). Thanks again.