Archived

This topic is now archived and is closed to further replies.

  • 0

Header and Footer expansion customizations


Question

Posted · Report post

Hi All,

 

I currently have a portfolio website that I am rebuilding with wordpress+pagelines. I want to keep the overall design and just upgrade my graphics and capabilities. 

 

This is my current site : http://casseysdesigns.com

 

post-49664-0-33350000-1368899417_thumb.p

 

This is my wordpress site : http://casseysstudioofdesigns.com

 

post-49664-0-39307200-1368899424_thumb.p

 

I want to have the header and footer background expand across the entire page no matter what size... I would like the content of the header and footer to remain within the content area (This is how I have it set up on my current website via css)

 

The problem is that even using developer tools and updating my style.css in my child theme the parent theme (pagelines) is overriding my styles and I can't get the header and footer bgs to extend. I tried a bg img that has a black bar across the top as a "fix" but it doesn't solve the problem for the footer and it doesn't respond the way I want it to on different sized screens. 

 

Any help would be greatly appreciated! If you need more information to assist me please let me know!

 

Thanks,

Cassey

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Cassey,

 

This couldn't be easier.

 

For a header background area, create an image more than 1980px wide, by the height you want the background to appear.

 

Go to Dashboard > PageLines > Site Options > Color Control.  Upload the image. Set the vertical alignment to 0 and the horizontal to 50 and repeat to no repeat. Save the settings.  Your background will now be full width.  If you have a narrower image you want tiled, set the background to repeat horizontally.

 

For the footer, you need to use CSS. You can see an example of that by using Firebug for Firefox or Chrome's Inspection Tool and visiting the footer at www.epicurus.com.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob, 

 

Thank you for your response. I am aware that I can technically use the background image to create my header section. However, I do intend to use a background image for the whole site. I want to use my image specifically for the header area. 

 

I have visited http://www.epicurus.com/ and looked over the stylings used to create the effect (which is what I am looking for) and I think I will be able to use this approach (or my alteration of it) for both the header and footer.  

 

Thank you very much for your help!

Cassey

Share this post


Link to post
Share on other sites

Posted · Report post

You're very welcome.

 

While you're there, grab a recipe! Make a cocktail! Join the Discussion forums! (BTW, that's my site).

Share this post


Link to post
Share on other sites