Return to Support

Full width header and footer

Home Forums Graphene WordPress theme Support Full width header and footer

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #9257
    DezD
    Member

    Hi Folks

    I really would like to create a site that has a full width header/footer such as shown in: http://pantryliquors2.com/

    Can anyone give me some hints and tips on how to get started please/

    Many thanks

    DezD

    #43156

    Graphene is really not built for this sort of thing.

    As I recall, someone managed it a few years ago. It was neither easy nor enjoyable.

    If you search the forum, you may find it. I don’t have a link to it.

    #43157
    Dom
    Member

    This was my exact question as well, would love to know if someone finds the answer.

    #43158

    You can if you do a forum search. It’s in there, somewhere, I swear. I have neither the time nor the motivation right now. Busy, busy, busy.

    As I said, the Graphene theme isn’t really set up to do this. If you really want a feature like that, you should use a theme that supports it, or else it’s a lot of work and troubleshooting, and a single update may cause all of that work to become undone.

    FWIW, that site is using a child theme of the Bacchus theme, which is not available from the WordPress theme repository. Instead, it’s a custom theme from a company at http://synesteth.com, whose website is not up yet. But you can view the css for the Bacchus theme here:

    http://pantryliquors2.com/wp-content/themes/bachus/style.css

    and the child theme stylesheet here:

    http://pantryliquors2.com/wp-content/themes/bachus-child/style.css

    if that gives you any ideas.

    #43159
    DezD
    Member

    Hi John

    Many thanks for getting back to me, I agree,there was a post somewhere in which someone had managed to create the desire effect but I couldn’t find it either, oh well back to the drawing board, (I still want to use Graphene as it is so good).

    I’d thought about using a background image that would give the impression of a full width header/footer etc but need to make sure that it does not get messed up in different browsers/screen sizes etc.

    Best wishes

    Deryn

    #43160
    Syahir Hakim
    Keymaster
    Quote:
    I’d thought about using a background image that would give the impression of a full width header/footer etc but need to make sure that it does not get messed up in different browsers/screen sizes etc.

    That would work for the header, but not for the footer since the distance between the header and footer depends on how much content the current page has.

    #43161
    DezD
    Member

    Hi Syahir

    Good point.. Just had a thought though, is there a way to “fix” the footer to the bottom of the screen?

    Thanks

    Deryn

    #43162
    Syahir Hakim
    Keymaster
    Quote:
    Good point.. Just had a thought though, is there a way to “fix” the footer to the bottom of the screen?

    Yes. Something like the following CSS code would work:

    #footer {
    position: fixed;
    bottom: 0;
    width: 960px;
    }

    #43163
    DezD
    Member

    Hi Syahir

    Thanks for that, Im going to have a go at it now and I’ll let you know how I get on/what it looks like when it’s done.

    Kind regards

    Deryn

    #43164
    DezD
    Member

    Hi Syahir

    Well, I’m part of the way there but could really do with your help and advice here if possible please.

    I’ve added a background image which works perfectly well except that I need it to scroll up the screen with the main body of the site.

    Can you please take a look and tell me where I am going wrong?

    Home

    Many thanks

    Deryn

    #43165
    DezD
    Member

    Hi Syahir

    Don’t worry, sorted, it was me being thick and not looking at the options available……

    Kind regards

    Deryn

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

You must be logged in to reply to this topic.