headings styling

  • Posted in : BookCard
  • tech4eleven
    Participant

    i can’t find where i can change the size of, for example, the H1 headings. can i get some help?

    ahmetsali
    Keymaster

    Hi, incss/main.css line : 33 you will see;

    /* -------------------------------------------- */
    /* TYPOGRAPHY */
    /* headings and paragraphs */
    h1, h2, h3, h4, h5, h6 { font-weight: 400; }
    h1 { font-size: 2.20em; margin: 0.8em 0 0.4em 0; }
    h2 { font-size: 2.00em; margin: 1.0em 0 0.8em 0; }
    h3 { font-size: 1.10em; margin: 1.0em 0 .6em 0; }
    h4 { font-size: 1.00em; margin: 1.0em 0 .6em 0; }
    h5 { font-size: 0.90em; margin: 1.0em 0 .8em 0; }
    h6 { font-size: 0.85em; margin: 1.0em 0 .8em 0; }
    p { margin: 1.2em 0; }
    
    tech4eleven
    Participant

    thanks for the reply. I need to change the H1 on the front cover. Sorry should have mentioned that. Doesn’t seem that the area you mentioned above changes anything there nor does .cover h1. Where else can I look? Developer tools makes the H1 style look like its in-line style.

    any help is appreciated

    ahmetsali
    Keymaster

    we are using fitText plugin for cover h1 heading, so font size is an inline style computed by plugin, for customization please check out “Documentation > Customization > Html Data Attributes > data-cover-h1-tune” .

    jeromepowell
    Participant

    Where can I find “Documentation > Customization > Html Data Attributes > data-cover-h1-tune”?

    My files don’t include a customization folder within documentation. I’d like to reduce the font size for the h3 headers on the cover. If you could quickly add an answer as to how to do that, that would be awesome.

    ahmetsali
    Keymaster

    @jeromepowell

    i mean “Customization” section in “Documentation” File.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register