H1 tags question

Hi. I am creating a few new pages and sort of revamping my entire website. I am seeing when I inspect the page that the H1 tag is sort of hidden at first. There are a few dropdowns that need to be clicked in order to see it. Does this hurt SEO when google tries to fetch the H1? I’ve attached a photo below h1 tag hidden
This one is when it is fully expanded. I understand it contains the styling elements.
h1 tag

When viewing another site that was created with wordpress, the H1 tag is clearly displayed and to my mind easy for Google to fetch.

different h1 tag visible

Then when searching the code some more on this same site, I see they have an “H1 Class”. Not really sure what that is could someone explain this to me?

My question is does this H1 formatting affect Google’s ability to index my page and find exactly what it needs from it and how can i edit my CSS so it looks like the other website pictured? Also what is an H1 Class?

Hello Sterling,

Thanks for writing in!

First, you are applying the color to your h1 headline incorrectly. Using the Headline element, you should be utilize the element settings to set the font color.

Which means that in your Headline element settings, set the HTML tag first:

And then find the Headline > Text settings where you can set the color:

The resulting output will look like this:

Hope this helps.

Hello Sterling,

You have withdrawn your response. We can assume that you must have resolved your issue already. Please feel free to create another thread if you need any other information.

Cheers.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.