Site logo

Archived topic

System Stack Heading Font Weight

35 replies · Started by Christian on April 29, 2020

Viewing posts 1–15 of 36

Hello, GP Team!

Quick question. Is it possible to change the Font Weight for just my Headings while using System Stack as my "Font Family?"

• I've already tried Customizer > Typography > Headings > and changing the font-weight without any success.
• I've made sure to apply the changes to the right Heading.
• Text-transform works fine.
• Font weight works fine when I use Google Fonts instead of System Stack.

Thanks in advance!

[Not Official Representative] Hi Christian, I think you can do that by visiting Appearance > Customize > Typography > Headings > Font Weight

https://i.imgur.com/R1opWGI.png

Hey, Suraj!

Thanks for the reply, unfortunately, that's not making any changes.

I believe you have this CSS added somewhere that's overwriting the customizer setting:

h1.entry-title {
    font-weight: 600;
}

Let me know if this helps :)

Would that affect only System Stack? I can use any System Font or Google Font and it works fine.

Also, this is the only CSS I've directly added to the site:

a.button,
a.button:visited,
button,
input[type="submit"] {
	border-radius: 7px;
}

@media(min-width:768px){

.container-1 {
	display:flex;
	width: 768px;
	margin-left:auto;
	margin-right:auto;
}
}

.container-1 div{
	padding: 10px;
}

I just check the style.css on Theme Files just in case, but couldn't find the code you mentioned either.

Hi,

I'm having the same issue.
I've set System Stack for the whole website.
Buttons are working with a font weight of 700 but Headings stay the same, no matter what I choose.

You can check my website out HERE

@Christian Can you specify the element we should be looking at here?

@Bas I'm seeing this CSS which is overwriting GP's style:
https://www.screencast.com/t/isTSFzXYPcoT

You have caching plugins enabled so I can't tell where it's coming from. It could be from another plugin.
Please open a support topic if you need further help with this.

Thanks!

The CSS I sent is added to "Additional CSS" in the Customizer.

I'm using it to style a Header Element.

Can you guide me to the page where I can see the header element?

The home page isn't using one.

Here's a blog post with the Header Element:

However, my problem is not with the Header Element, but with the Headings in Typography.

When using the "System Stack" and trying to change the Headings font-weight to let's say 700 or 900, it doesn't change.

It changes okay when using other System Fonts or Google Fonts (I'm currently using Verdana), but not with System Stack.

So we are talking about the body font here?

Can you disable Autopimize and any caching plugins enabled?

Yes, well... Technically "Headings (H1, H2, etc)" font. The body font does change weight even when using System Stack as the font-family.

Yes, I disabled Autoptimize and still doesn't work.

I do not have any caching plugins enabled.

Can you keep Autopimize disabled for me to take a look?

Absolutely, it's already disabled so feel free to take a look.

Would you like me to change the font to "System Stack" as well?

This archived topic is closed to new replies.