Metro: big and bold header above container

Community Forums Forums Design Tips and Tricks Metro: big and bold header above container

This topic is: resolved

This topic contains 6 replies, has 3 voices, and was last updated by  larsvanzanten 2 years, 8 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #26173



    I’m using the Metro theme for my band’s new website. I think it’s absolutely gorgeous!

    Just one thing: I want to create a big and bold header, but only on the homepage. I want to make a header (with transparancy, so the beautiful background is still visible) and some text before the container starts. Kind of like this theme from Indiefest. But like I said: only on the homepage! Any ideas on how to do that?

    It would be even better if I could include a “slide down” option or something so that when users would click it the browsers slides down to the “regular” homepage.

    Have you guys got any ideas on how to do this?



    wp guy

    Well, I can solve one of your problems – increasing the header size. Just adjust:
    #header {
    min-height: 87px;
    overflow: hidden;

    Check into this solution for only having your this header show up on the main page:



    For the header – home page only area – you could add in a Welcome Widget just for home page using Brian Gardner’s instructions – but you would need to add this to the code for “home page only.”

    if ( is_home() )

    You could create a nice transparent image with the text you want and add it to that widget area.

    Then to jump down the page as you want – you can add in a Page Jump using the instructions found here:



    Thanks for your comments! The welcome-text did the trick. Right now I’m linking in to an anchor-link which I put in the genesis_header Hook using the Simple Hooks plugin. I tried a few things to add a nice scroll effect but it didn’t work out yet…



    BTW: the site is live now: Happy to see your comments on it!



    That looks great! Fantastic job!



    Thank you!

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

You must be logged in to reply to this topic.