Page title is h2?

  • Anonymous User

    (@anonymized-20153671)


    2 years, 11 months ago

    Hi.
    I changed the heading font size but title size seems to be the same with h2 heading.
    Isn’t the title font H1?
    Plz explain the reason unless this is a bug.
    I would like to change the title font to be bigger than the h2 headings.
    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Support Utkarsh

    (@utkarshpatel)

    Hello @bangduty,

    According to material guideline, we recommend h1 (style from class mdc-typography--headline1) is reserved for short text.

    Reference: https://material.io/develop/web/guides/typography

    Currently, we are setting post title with mdc-typography--headline2.

    If you’d like to increase match heading with mdc-typography--headline1 then you can try adding the following in Customize ? Additional CSS or your child theme / plugin:

    .entry-title.mdc-typography.mdc-typography--headline2 {
	font-style: normal;
	font-style: var(--mdc-typography-headline1-font-style, normal);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: Roboto, sans-serif;
	font-family: var(--mdc-typography-headline1-font-family,var(--mdc-typography-font-family, Roboto,));
	font-size: 6rem;
	font-size: var(--mdc-typography-headline1-font-size, 6rem);
	line-height: 6rem;
	line-height: var(--mdc-typography-headline1-line-height, 6rem);
	font-weight: 300;
	font-weight: var(--mdc-typography-headline1-font-weight, 300);
	letter-spacing: -0.015625em;
	letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
	text-decoration: inherit;
	-webkit-text-decoration: inherit;
	-webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
}
Viewing 1 replies (of 1 total)
  • The topic ‘Page title is h2?’ is closed to new replies.