Font for header title problem

  • 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” 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.
    Issue

    Admin

    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

    #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;   
    }
    
    Admin

    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.

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

You must be logged in to reply to this topic.