Font for header title problem

  • Marcel


    WP 4.8.3 GT 2.1.2
    when adding a Google font this way:
    Graphene Advanced – Custom head
    <link href=”; 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


    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.



    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


    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.

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.