Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

With Twitter Bootstrap, how can I customize the h1 text color of one page and leave the other pages to be default?

Tags:

On my index page, I want the h1 text color to be white and comes with shadow, but I don't want to change the default behavior the h1 on other pages. How can I achieve this?

like image 393
tom Avatar asked Jun 22 '12 18:06

tom


People also ask

How do I change the color of a heading in bootstrap?

Go down to @headings-color and change it from "inherit" to something that you would like your headers to be across the site (if you like the default just change it to #333). Note that this will keep all your headings the same color, as you requested.

Can you change the color of h1 in HTML?

You can change the color and size of your text right inside its tag with the color and font-size properties. This is known as inline CSS. You do it with the style attribute in HTML.

Which bootstrap class will you use to give primary color to a paragraph?

The classes for background colors are: . bg-primary , . bg-success , . bg-info , .

How can I change the color of h1 tag in CSS?

The code snippet below shows the syntax of using the color property to set the color of the <h1> element. The value of the color property can be specified in three ways: Using RGB values e.g. rgb(250,0,0), rgb(0,250,0), etc. Using a Hexadecimal(HEX) value e.g. #FFFFFF, #000000, etc.


1 Answers

in bootstrap 3 here are the classes to change the text color:

<p class="text-muted">...</p> //grey <p class="text-primary">...</p> //light blue <p class="text-success">...</p> //green <p class="text-info">...</p> //blue <p class="text-warning">...</p> //orangish,yellow <p class="text-danger">...</p> //red 

Documentation under Helper classes - Contextual colors.

like image 97
Connor Leech Avatar answered Sep 22 '22 21:09

Connor Leech