Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 30, 2015 at 5:42 pm #437606
    Fiorilla

    Hello,

    I would like to change my H1 styling to use the font PT Sans Bold 700 Italic. I have changed it in advanced styling, but cannot choose the Italic version from there. Also, my text is automatically in capital letters (i would like to write La Vestale and not LA VESTALE).

    Could you advise as to what changes I should apply?

    Many thanks for your help
    Daria

    May 1, 2015 at 8:31 pm #438265
    Elliott

    Hi Fiorilla!

    Add this to your custom CSS.

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none !important; }

    Try this out, https://kriesi.at/support/topic/add-a-new-custom-font/#post-211016, for adding italics.

    Cheers!
    Elliott

    May 4, 2015 at 10:22 am #438810
    Fiorilla

    hi Elliott,

    Thanks for your reply. I got rid of all caps, but the italic still does not show up (I have tried inserting the last code from the topic you mention, with and without the cyrillic subset)

    Am I doing this right?

    Thanks for your help,

    Daria

    May 4, 2015 at 10:30 am #438815
    Fiorilla

    hi Elliott,

    Thanks for your reply. I got rid of all caps, but the italic still does not show up everywhere (some item portfolios show it, others don’t). But the result is actually not the one I had seen on google fonts (there’s way too much space between the letters).

    What would be the code to use to change this to Droid Serif Bold 700 Italic?

    Thanks again for your help!!

    Daria

    May 4, 2015 at 3:40 pm #438967
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { font-family: 'Droid Serif', serif !important; font-weight: 700!important; }

    Cheers!
    Yigit

    May 4, 2015 at 3:52 pm #438980
    Fiorilla

    Hi Yigit,

    Thanks! It worked, but I still have the problem of additional space between the letters. I have analyzed this with Firebug, and it appears that this code is applied:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    letter-spacing: 1px;

    How do I get rid of this “letter-spacing” for the header?

    Thanks a lot,

    Daria

    May 4, 2015 at 3:55 pm #438987
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed 

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { letter-spacing: 0.2em; }

    Regards,
    Yigit

    May 4, 2015 at 4:17 pm #439020
    Fiorilla

    Hi Yigit,

    Thanks for the prompt reply – actually, this has only gotten things worse! More letter spacing!

    http://production.theatrechampselysees.fr/?portfolio=castor-et-pollux

    Should I try something else?

    Daria

    May 4, 2015 at 4:18 pm #439022
    Yigit

    Hi!

    Please change the code to following one

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
  letter-spacing: -0.1em;
}

    Regards,
    Yigit

    May 4, 2015 at 4:30 pm #439039
    Fiorilla

    Perfect, thanks a lot!!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Use a particular style of a Google font for H1, and use small caps’ is closed to new replies.