"Footer & Missing Banner help!" : General Discussion : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Home

Forums

Code

Forums

: > Footer & Missing Banner help!

1 2Next

HolyRaeynn (Member)

10/14/2012 12:39 AM EST : Footer & Missing Banner help!

Posts: 130

0
Like

0
Dislike

First off, thank you for everything you do! I absolutely love this page you put together for us (I definitely use the heck out of it).

my test site

Ok, my first question is how to add a footer background image? Unless I missed it and GP has a simple way of doing it, I can only add text with a colored background? I would prefer to have an image that matches my pagewrapper to give a smooth finish. I tried finding it on the help-site but I couldn't find anything.

And my second question is, where did my banner go? I don't know if I messed up some CSS or what but I can't seem to get a banner to work with GPs control panel.

Thank you again!

•

Mottie (SuperAdmin)

10/14/2012 12:08 PM EST : RE: Footer & Missing Banner help!

ACK!

Posts: 3873

0
Like

0
Dislike

Hiya!

The header is missing because it looks like there is custom scripting added to the banner area (Control Panel > Custom HTML & Script > Banner Area). If you put something there, I think it overrides the banner builder.

As for the footer, you can just add something using CSS. A recent change renamed the footer area to have a class name of "gp5-footer", so do something like this:

.gp5-footer {
width: 100%;
height: 150px;
background: url(my-background-image.jpg) center center no-repeat;
}

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

HolyRaeynn (Member)

10/14/2012 5:26 PM EST : RE: Footer & Missing Banner help!

HolyRaeynn Posts: 130 0 Like 0 Dislike	Thank you so much you are amazing! Now I just have two more things! Is there a way to get rid of the gap between the Nav bar and banner so that it looks like they are one? Lastly, there is a gap between the footer and pagewrapper. How can I remove it so that they are seemless? Again thank you so much! And for the quick response.
•

Mottie (SuperAdmin)

10/15/2012 8:20 AM EST : RE: Footer & Missing Banner help!

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Ok try this css: .PageWrapper > .mTop { margin-top: 0; } /* move navbar up / .ContentWrapperTable { margin-bottom: 0; } / remove spacing at bottom of content / .gp5-footer { background-position: top center; padding: 0; } / move background image to the top and remove padding */ >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

HolyRaeynn (Member)

10/15/2012 8:59 PM EST : RE: Footer & Missing Banner help!

HolyRaeynn Posts: 130 0 Like 0 Dislike	Hmm when I do that all the images (banner, nav bar and pagewrapper) disappear.
•

Mottie (SuperAdmin)

10/16/2012 8:55 AM EST : RE: Footer & Missing Banner help!

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Did you add that css to the custom css (Control Panel > Custom HTML & Script > CustomCSS > CSS Additions to Standard)? >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

HolyRaeynn (Member)

10/16/2012 9:04 PM EST : RE: Footer & Missing Banner help!

HolyRaeynn Posts: 130 0 Like 0 Dislike	I did then I removed but I've added it back so you can see what I mean. I just copy and pasted it into that section.
•

Mottie (SuperAdmin)

10/17/2012 8:11 AM EST : RE: Footer & Missing Banner help!

ACK! Mottie Posts: 3873 0 Like 0 Dislike	Hmm, I don't see the css anywhere. I went ahead and just applied to your site, add me as a designer and let me look at it... and speed up this process >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

HolyRaeynn (Member)

10/17/2012 9:30 PM EST : RE: Footer & Missing Banner help!

HolyRaeynn Posts: 130 0 Like 0 Dislike	Done! Thank you
•

Mottie (SuperAdmin)

10/18/2012 3:34 AM EST : RE: Footer & Missing Banner help!

ACK!

Posts: 3873

0
Like

0
Dislike

Ok, I've changed the css to:

#phTopBarNavTop + .mTop, .TabBar.mTop { margin-top: 0; }

.ContentWrapperTable { margin-bottom: 0; }

.gp5-footer { background-position: top center; padding: 0; margin-top: 0; }

I hope that is the look you wanted!

For some reason the ">" in ".PageWrapper > .mTop" was messing things up, but the above code should work around it

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

1 2Next

Key

	New posts		No new posts
	New posts ( popular )		No new posts ( popular )
	New posts ( sticky )		No new posts ( sticky )
	New posts ( locked )		No new posts ( locked )

%title%