Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove Bold from f.label

I'm stylizing a webpage developed on Rails.

So, I have a form with the checkbox of password remember. The problem Is it is always on bold and I can't change it. I've changed successfully the font-style, to italic, the color, but I couldn't remove the bold that was set as default (I guess).

Below my code:

        <% if devise_mapping.rememberable? -%>             <div class="remember_forgot_top remember_me_position"><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>         <% end -%> 

Someone knows how to remove the bold and how to stylize the label?

PS: I'm using twitter bootstrap.

like image 544
kamusett Avatar asked Nov 21 '13 17:11

kamusett


People also ask

How do you remove the bold from a label tag?

So, add a class "form-check-label" into your tag, it will be not bold.

How do you bold a label?

To bold the text in HTML, use either the strong tag or the b (bold) tag. Browsers will bold the text inside both of these tags the same, but the strong tag indicates that the text is of particular importance or urgency. You can also bold text with the CSS font-weight property set to “bold.”

How do I remove the bold header in HTML?

Use <span> when you want to change the style of elements without placing them in a new block-level element in the document.

How do I bold a label in bootstrap?

You may put the class "font-weight-bold" for label on the left to be bold and the "font-weight-normal" for the value on the right to be regular (not bold).


1 Answers

I fixed this problem overriding the label

label {     font-weight: normal !important; } 

Thanks to @vucko who gave me help.

like image 192
kamusett Avatar answered Oct 14 '22 02:10

kamusett