Text-primary class not working in h1 tag

Text-primary class not working in h1 tag
0

#1

.Hello friends!
I am working on “Build tribute page” challenge and I am running across a strange problem, that is, the" text-primary" class of bootstrap is working fine with all tags except for the

tag. I want the name" Dr. APJ Abdul Kalam" to be in blue using the text-primary class but its not working, although it worked just fine for the

tag.Please give ur valuale suggestions.
Thnx


#2

Your problem is that your H1 tag is within your Jumbotron DIV which defines the H1 color.
To override this there are a few options, but here is my solution:

.jumbotron h1{
    color: #02A3EA;
}

This within CSS will select the H1 element within the jumbotron class and color it to the HEX equivalent to text-primary within the Bootstrap FrameWork.
Hope this makes sense.

Edit: Link to the Pen for Everyone

-OneManStack.


#3

But so is my h3 tag.