How to add new heading sets?

  • Hi all,

    Is it possible to add more heading sets to the current h1, h2, h3, h4, h5 & h6? I’d like to add h7, h8…..and beyond.

    Reason for this is I’d like to style the heading differently for every page without the Jetpack’s ‘Edit CSS’ to tell me that ‘Heading (h6) should not be qualified’ and ‘Heading (h6) has already been defined’.

    I’ve used H6 currently to style differently on each page ‘cos it’s the least used heading (I guess nobody would go beyond h6).

    All replies appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

  • There is no such thing as h7… See:

    https://www.w3schools.com/tags/tag_hn.asp

    You can use page-specific classes or id’s to target CSS to specific page. So, for a very general example, if your body tag HTML looks like this:

    <body class="single single-post postid-113 single-format-quote logged-in admin-bar no-customize-support advanced-menu sidebar">

    You can use this in the CSS:

    body.postid-113 h6 {
   styles here;
}

    Thread Starter Momo

    (@yangman)

    Wow that’s fast.

    I’ll try that.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add new heading sets?’ is closed to new replies.

Tags