Is there an easier way to apply heading formatting?

Respondida

6 Comentários

  • Comentário oficial
    Nicole - Community Manager
    Ações de comentário Permalink

    Hi all - 

    Product heard you and HTML headings are now available in the Guide article editor

  • Andrew J
    Ações de comentário Permalink

    Hello Mollie,

    In helpcenter you should see an option as below.  These do not use H1, H2 tags, but specific span styles. 

    Basically - Huge text with Bold is equivalent to an H1.

    Does that help?

    0
  • Mollie Swenson
    Ações de comentário Permalink

    Hi Andrew, 

    Thanks for offering up some advice. 

    I actually am currently using Large and Huge text sizes, as you described here, as the equivalent of h1 and h2 HTML tags. However, I have some areas where I need to use a third heading level and the "Medium" size is actually smaller than the default text size, so that wont work. 

    Also, the theme has styles set up for heading tags that aren't quite the same as Large and Huge size, and I'd prefer to have my articles use formatting as the designer intended. Here's a comparison of what the Huge/Large size text looks like next to text in h1 and h2 tags:

    So, I'm still searching for a way to apply h1/h2/h3 html tags without having to manually edit the html, if that's possible.  

    0
  • Andrew J
    Ações de comentário Permalink

    You cannot (that I am aware of) make the WYSIWYG do something it isn't made to do.  

    So you have 2 options... use the WYSIWYG and modify the HC CSS to match the styles, or apply your H1, H2 tags in the HTML.

    I'd opt for fixing the CSS and using the WYSIWYG :)

    Bear in mind that modification of this is only on the higher plans.

    Example CSS below.  Substitute with your H1 and H2 styles. Of course you can modify the CSS properties of the medium and small too - so you should have a few options.

    /* Huge style - match to H1 styles */
    .wysiwyg-font-size-x-large
    {
     font-size: 38px;
    }

    /* Large Style - match to H2 styles */
    .wysiwyg-font-size-large
    {
     font-size: 28px;
    }

     

    1
  • Mollie Swenson
    Ações de comentário Permalink

    Hi Andrew,

    Good idea, I think this looks like the best option. Thanks!

    0
  • Bryan Siders
    Ações de comentário Permalink

    Using the WYSIWYG spans is not semantic HTML and is bad for page accessibility (ARIA) and for SEO.

    That's all fine and dandy for community posts, but for help center articles, it looks like our best option is to edit the HTML and replace the spans with header tags.

    The editor really needs to have the headers button added back in. *nudge* *nudge*

     

    0

Publicação fechada para comentários.

Desenvolvido por Zendesk