how do i put "h1" tag in css as class and call it anywhere in the website files [closed]

Question

please i want someone to help me.

since h1 tag is expected to appear once in a file for SEO reason, i want to make some text have the same attribute to as h1 by putting it in the css file or function.php and call it as class anywhere in the files.

if there is default class for this please help me with it but if not can someone makeup the php script for me.

thanks in advance as you help.

Answer 1

I think what you're trying to do is replicate the h1.

What you need to do is open your css file and look for the h1 call.

it will look like:

h1 {
font-size: 22px;
color: blue;
}

The code inside isn't important; it's finding that h1 selector.

Now add your class as an addition to the selector:

h1, .headingclass {
font-size: 22px;
color: blue;
}

(notice the comma after h1 and the name of your class w/ a period.)

That will make heading class look like h1.

If your theme is making the h1 class dynamically set it how you want in your themes option and then use developer tools (f12 on your browser) and find the the style being placed over h1. Copy and put this into your style.css, then change the selector to .headingclass so something just like this:

.headingclass {
font-size: 22px; //or whatever the actual code is
color: blue; //or whatever the actual code is
}

The last option is to choose one of your other standard headings (h2,h3,h4,h5,h6) that you wouldn't use very often and then apply the same styling to it as you did to h1. This is easier to implement for you later when the site is being used.