[byronic1@att.netParticipant]

I want to use the H6 tag applied to subheads in the main text. The H6 tag will need to be a different color from other headlines. h1,h2,h3,h4,h5 are white. I want h6 to be #36383a and around 130%.

I hope that I can then make the subheads into H1 (for Google) but look like H6 (to look like subheads).
I have tried this code:
h6,
.h6{
font-size: 130%
color:#36383a
}

But it didn’t do anything. See this screenshot: https://www.dropbox.com/s/9xh8l2z77179tpt/Screenshot%202015-10-15%2021.12.01.png?dl=0 The highlighted text (in blue) appears on the page, but it is still white, and also in capital letters for some reason.
Can you tell me how to make this work, and also–will this function in Google the way I am hoping it will?

Login info follows. I am using up to date x-theme, Cornerstone, and WP. The site is suziegruber.com.

[byronic1@att.netParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in and for providing the very detailed information.

Your code doesn’t work because it is incorrect. Please use this code instead:

h6,
.h6{
  font-size: 130%;
  color:#36383a;
}

We would loved to know if this has work for you. Thank you.

[byronic1@att.netParticipant]

I copied and pasted this code into my customizer but it worked only halfway. The text is in all caps even though there is no definition for it be in all caps; and the color remains black, instead of #2E2D69.
What else should I do?
You have my login, etc. in the private note sent before.

Byron

[Rue NelModerator]

Hi Byron,

Thanks for the updates! Upon checking your customizer, you have added this code:

h6,
.h6{
  font-size: 130%;
  color:#36383a;
  text-transform: capitalize !important;
}

To resolve this, please remove the code and replace it using this code:

.site h6,
.site .h6{
  font-size: 130%;
  color: #2E2D69 !important;
  text-transform: inherit !important;
}

We would loved to know if this has work for you. Thank you.

[byronic1@att.netParticipant]

This worked partially. It changed the size and made it upper and lower case. The color did not change, though.

[Rue NelModerator]

Hello There,

Feel free to change the color from color: #2E2D69 !important; to color: #36383a !important;.

With Css, you can only make it in lowercase or uppercase. If you typed it in lowercase, you can make it capitalize using css. Since you have inserted it that way, it is in upper and lowercase and CSS cannot change it. You have to manually change it by retyping it.

Hope this helps.

[byronic1@att.netParticipant]

Yes! Thanks.

[Nabeel AModerator]

You’re welcome 🙂

Cheers!

[Author]

Posts