My theme is using em and rem

  • Resolved redbourn

    (@eagerwatcher)


    10 years, 3 months ago

    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin: 0.7em 0;
    line-height: 1.2;
    font-weight: normal; }

    #content h5 {
    font-size: 1.4rem; }

    The above is from my theme.

    I wondered why when I use <h5> (for example) it still looks huge.

    What can I do?

    Thanks and a Happy New Year.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter redbourn

    (@eagerwatcher)

    10 years, 3 months ago

    h1 {font-size:2em;margin-bottom:.5em;}
    h2 {font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}
    h3 {font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
    h4 {font-size:1.25em;margin-bottom:.6em;}
    h5 {font-size:1.1em;margin-bottom:.5em;font-weight:bold;}
    h6 {font-size:1em;margin-bottom:.5em;font-weight:bold;}

    Thread Starter redbourn

    (@eagerwatcher)

    10 years, 3 months ago

    I solved this by changing h6 to .6em

    #content h1 {
    font-size: 2.4rem; }
    #content h2 {
    font-size: 2rem; }
    #content h3 {
    font-size: 1.8rem; }
    #content h4 {
    font-size: 1.6rem; }
    #content h5 {
    font-size: 1.4rem; }
    #content h6 {
    font-size: .6rem; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘My theme is using em and rem’ is closed to new replies.

Tags