Support » Plugin: Easy Google Fonts » Google Easy Font Side Bar not connecting to Titles with CSS

  • Resolved Steve Kay

    (@steve-kay)


    Hi Tom and Sunny,

    I followed these instructions exactly:
    Go to Pages Then Click Home
    Click Page Builder Tab
    Upload Background Image
    Copy Headline Code: <span class=”home-headline”>EXPLORE</span>
    Paste it into your website
    Copy Sub-Headline Code: <span class=”home-sub”>everything and do what you love</span>
    Paste it into your website
    Copy Button Code: Our Mission
    Paste it in your website
    Copy another Button Code: View Our Work
    Paste it right next to your first button
    Create a 300px spacer
    Go to visual editor
    Center all text
    Press done
    Click Update
    View Page
    Go back into your dashboard
    Go to settings > google fonts
    Click Create a New Google Font
    Name it Home Headline
    Click Create Google Font
    Under Add CSS Selector type .home-headline
    Click create a new font control
    Go to your homepage and roll over your name and click customize
    Click Typography > Theme Typography
    Under Home Headline click Edit Font and use the following settings:
    Font Family: Roboto
    Font Weight/Style: Regular
    Font Color: #71ade1
    Font Size: 100px
    Line Height 0.8
    Letter Spacing 6px
    Margin Top: 151px

    When I change the Fonts, Size etc the Heading does not alter, it should. I have watched many videos on how toy use GEF, and it is a great Add In.

    If I go into the Default Typography>Default Typography GEF works well.

    I even changed the Identity of the Headers to my own “homeheadone” with a resulting CSS of homeheadone and still no go.

    Clearly I am doing something incorrectly.

    I have been to Google and obtained an API Key, I am ‘pretty’ sure it is the right one but often pretty sure is not good enough.

    Can you advise me as this problem is preventing me getting my Home Page up and running.

    Cheers,
    Steve

    https://wordpress.org/plugins/easy-google-fonts/

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

    (@steve-kay)

    Hi Guys, I’m back – problem solved.

    Yes I WAS DOING SOMETHING WRONG ………. go figure. The CSS is a class and must begin with a dot…….. a dot….. it was all that was holding me back.

    OK problem solved, and I post this just for the newbies like me.

    Thanks anyhow guys.

    Cheers,
    Steve

    Plugin Author Sunny Johal

    (@sunny_johal)

    Hi Steve,
    Glad you were able to get it sorted. Thanks for letting me know. Cheers

    Sunny

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Google Easy Font Side Bar not connecting to Titles with CSS’ is closed to new replies.