Header / Banner

  • Resolved BreylPhoto

    (@breylphoto)


    12 years, 10 months ago

    Hi there,

    I would very much like to have a header/banner picture at the top of my Leaf blog. The header picture should not be restricted to 300px, but rather cover the whole width of the blog plus the sidebar.

    I have uploaded larger pictures via the header page but they are always scaled to a width of 300px.

    Is it possible to change that?

    Cheers,

    Robin

Viewing 10 replies - 1 through 10 (of 10 total)
  • WPyogi

    (@wpyogi)

    12 years, 10 months ago

    A link to your site would help people help you.

    Thread Starter BreylPhoto

    (@breylphoto)

    12 years, 10 months ago

    Oh, sure: http://robin.breyl.de

    It’s just a raw prototype. But you can see the header pic (fixed at 300px).
    I’d like to have one header of the full width of the content (incl. side bar).

    Cheers,

    Robin

    Theme Author bradthomas127

    (@bradthomas127)

    12 years, 10 months ago

    Try this in the custom CSS option:

    .header-group.six.columns {
    width: 100%;
}

    but remember that the header widget area will be messed up if you ever try and use it.

    Thread Starter BreylPhoto

    (@breylphoto)

    12 years, 10 months ago

    Cool – that works!
    Thanks a lot!

    One last question: there still seems to be some padding around the header picture. I don’t mind it too much, but it would be cool if I could get rid of that too. Would that be as easy to do?

    Cheers,

    Robin

    Theme Author bradthomas127

    (@bradthomas127)

    12 years, 10 months ago

    Do you mean top and bottom of the header image? If so you can add this and mess with the pixels till you get it how you want.

    #masthead {
    padding-top: 5px;
}

.site-navigation.main-navigation {
    margin-top: 5px;
}
    Thread Starter BreylPhoto

    (@breylphoto)

    12 years, 10 months ago

    Ah, no, actually I meant left and right.
    Still your suggestion worked fine by just using padding-left and margin-left.

    Thank you very much !

    Cheers,

    Robin

    Thread Starter BreylPhoto

    (@breylphoto)

    12 years, 10 months ago

    resolved !

    boggie313

    (@boggie313)

    12 years, 10 months ago

    Hey Robin, I just checked Out your site and i noticed you removed the recent posts under the slider… Can you tell me how you did that?
    Thanks.

    jengo_g

    (@jengo_g)

    12 years, 10 months ago

    so… I tried to do this but, where I add those lines?

    Thread Starter BreylPhoto

    (@breylphoto)

    12 years, 10 months ago

    Well, currently there is only one post in existence on my side. So, no recent posts to be displayed.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Header / Banner’ is closed to new replies.