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

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.

tech