Support » Theme: Twenty Thirteen » Site title above Header Image?

  • Resolved jd4687

    (@jd4687)


    I have a small issue with the site title. It is hard to read due the header image.

    I would like to have the site title on top, against no background image. The header image will be below the site title. Is this easy to fix?

    Site

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey there jd4687,

    Hope you’re well today!

    This should be possible with making some modifications in header.php. I strongly suggest not editing theme core files but rather making a copy of it in your child theme and making the change there.

    Once you do that replacing code in header.php with this one here http://pastebin.com/sCXuPUhG. The result should be your site title and description above the header image.

    Hope this helps 🙂

    Best regards,
    Bojan

    jd4687

    (@jd4687)

    That is awesome! Will wrestle with the font and reduced header image size, but that seens to be more common to adjust. Thanks!

    Hey again,

    To fix header image height please try adding the following CSS code to your child theme style.css.

    .site-header .home-link {
    min-height: 230px;
    }

    This should fix the height issue. What are you looking to do with the font?

    Best regards,
    Bojan

    jd4687

    (@jd4687)

    Maybe a more distinct font, different from the text. BTW any easy way to center the title, or even better have it at the same line as the text ?

    Hey again,

    Please try adding this CSS to your child theme style.css:

    .site-title, .site-description {
    max-width: 410px;
    display: inline-block;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    }

    Replace the font family with the font of your choice. You can check this list for web safe fonts http://www.w3schools.com/cssref/css_websafe_fonts.asp.

    Hope this helps 🙂

    Cheers,
    Bojan

    jd4687

    (@jd4687)

    It only changes the title, in the sense it’s in one line. But it still starts at the left end of the screen. Did I do something wrong?

    Hey again,

    Please replace the code in header.php with this one http://pastebin.com/jrZJn4b7. After that please add this custom CSS as well as the one form my previous post.

    a.centerthis {
    text-align: center;
    display: block;
    }

    This should center the title and tagline and make them in one line.

    Hope this helps 🙂

    Cheers,
    Bojan

    jd4687

    (@jd4687)

    Thanks mate!

    Glad I could help 🙂

    Cheers,
    Bojan

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Site title above Header Image?’ is closed to new replies.