Google Easy Font Side Bar not connecting to Titles with CSS
-
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: 151pxWhen 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
- The topic ‘Google Easy Font Side Bar not connecting to Titles with CSS’ is closed to new replies.