I'm fairly new and learning css. I'm attempting to change the font color of the title element I added by going to insert, bootstrap 3 element, title. It creates the default code of:

<h3>h3. Lorem ipsum dolor sit amet.</h3>

I then use the Bootstrap 3 Elements tab and change align to center and changes the code to

<h3 class="text-center">h3. Lorem ipsum dolor sit amet.</h3>

Since I want the head to be h2, I change the code to

<h2 class="text-center">h3. Lorem ipsum dolor sit amet.</h2>

In my custom style sheet I have the following defined attempting to change it.

.text-center H2{
color: #FFFFFF;
}

Am I doing this right, and should the text color have changed? Or is there something wrong?

Thank you,
Charles

I removed the h2 out of the css file and it displayed correctly.

Thanks,
Charles

Hello Charles,
the rule you are trying to use to target the <h2 class="text-center"> is wrong.
It must be:

h2.text-center {
}

Please check the following site: www.w3schools.com/css/ they have really good examples and tutorials for beginners.