Docs

[goalsarecool]

How can I set the font, font site and color of h tags?

[Friech]

Hi There,

Thanks for writing in! But which h tags you’re referring to? There are a lot of h tags across a site. Please clarify.

Cheers!

[goalsarecool]

for writing

[goalsarecool]

<h1> <h2> <h3> <h4> <h5> <h6> <p>

I want to set the font, font size and color of each tag

[Thai]

Hi There,

Please try with this CSS:

h1, .h1 {
	color: #f0f0f0 !important;
	font-family: "Lato" !important;
	font-size: 24px !important;
}
h2, .h2 {
	color: #f2f2f4 !important;
	font-family: "Lato" !important;
	font-size: 22px !important;
}
h3, .h3 {
	color: #f4f4f4 !important;
	font-family: "Lato" !important;
	font-size: 20px !important;
}
h4, .h4 {
	color: #f6f6f6 !important;
	font-family: "Lato" !important;
	font-size: 18px !important;
}

Hope it helps 🙂

[goalsarecool]

I added h5 and h6 to the code you provided. However, when i entered what you provided including the h5 and h6 it made a bunch of stuff disappear from my site.

Can you please assist?

[Joao]

Hi,

That should not happen.

Please provide your credentials so we can take a closer look.

You also can use csslint.com to check for errors on your css code.

Hope that helps

Joao

[goalsarecool]

Here is the code I ended up using. How do i get Peekaboo font to work?

h1, .h1 {
color: #333;
font-family: "ariel";
font-size: 54px;
}

h2, .h2 {
color: #333;
font-family: "ariel";
font-size: 36px; 
}

h3, .h3 {
color: #333;
font-family: "ariel";
font-size: 24px;
}

h4, .h4 {
color: #333;
font-family: "ariel";
font-size: 22px;
}

h5, .h5 {
color: #333;
font-family: "peekaboo";
font-size: 18px;
}

h6, .h6 {
color: #333;
font-family: "Ariel";
font-size: 22px;
}

p, .p {
color: #333;
font-family: "Ariel";
font-size: 16px;
}

[Rue Nel]

Hello There,

Thanks for updating in! To use your own font or make use of a custom font, please check out this topic: https://community.theme.co/forums/topic/custom-font-2/#post-142444, https://community.theme.co/forums/topic/adding-fonts/#post-78776

And you might need to check out the Typography section in the customizer, https://community.theme.co/kb/customizer-typography/

Hope this helps.

[Author]

Posts