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?
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.
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.
The classes for background colors are: . bg-primary , . bg-success , . bg-info , .
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With