[Marcel]

Marcel

#48709

WP 4.8.3 GT 2.1.2
when adding a Google font this way:
Graphene Advanced – Custom head
<link href=”https://fonts.googleapis.com/css?family=Stalemate&#8221; rel=”stylesheet”>

Graphene – Additional CSS:
.header_title, .header_title a, .header_title a:visited, .header_title a:hover, .header_desc {
font-family: ‘Stalemate’, cursive;
font-size: 100px;
}
The Site Identity Tagline is not in the header image any longer.

[Syahir Hakim]

Syahir Hakim

#48713

You will need to adjust the font size so that the header text fits in a single line. Otherwise, you will need to adjust the line-height and margin-top offset for the header text.

[Marcel]

Marcel

#48716

Thank you, I did the change below and it seems to work on a normal size screen, problem is for smaller screens, so I am taking the font and additional css back out and leave it standard.

.header_title, .header_title a, .header_title a:visited, .header_title a:hover {
   font-family: 'Stalemate', cursive;
   font-size: 100px;
   margin-top: -200px;
}
.header_desc {
   font-family: 'Stalemate', cursive;
   font-size: 70px;
   margin-top: -55px;   
}

[Syahir Hakim]

Syahir Hakim

#48742

Yes, it’s not so easy to make things work across multiple devices. If you open up the responsive.css file in the Graphene, you’ll see the codes we use to target specific device sizes. You can use similar codes to restrict the CSS codes to certain device sizes only.