August 8, 2014 at 7:13 am #9257
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/
DezDAugust 9, 2014 at 2:05 am #43156Kenneth John OdleModerator
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.August 10, 2014 at 4:24 pm #43157DomMember
This was my exact question as well, would love to know if someone finds the answer.August 10, 2014 at 4:47 pm #43158Kenneth John OdleModerator
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:
and the child theme stylesheet here:
if that gives you any ideas.August 11, 2014 at 6:39 am #43159
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.
DerynAugust 11, 2014 at 12:20 pm #43160Syahir HakimKeymasterQuote: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.August 12, 2014 at 6:52 am #43161
Good point.. Just had a thought though, is there a way to “fix” the footer to the bottom of the screen?
DerynAugust 12, 2014 at 2:55 pm #43162Syahir HakimKeymasterQuote: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:
}August 13, 2014 at 6:45 am #43163
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.
DerynAugust 26, 2014 at 5:54 pm #43164
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?
DerynAugust 27, 2014 at 9:26 am #43165
Don’t worry, sorted, it was me being thick and not looking at the options available……
You must be logged in to reply to this topic.