Jump to content


Photo
- - - - -

Header Problems

header custom header banner

Best Answer batman , 15 December 2012 - 10:15 PM

Hi kmacauley, I can not see your URL live (name and password required) but...

 

I have the header background set to the content width instead of the page width on my web (http://arte-baires.com.ar)

 

If you need this, first I setup in

Pagelines > Site Option > Layout editor

this options

"Responsive with Pixel Width"

and

"Full-Width Sections" 

 

Then I add this CSS rules

 

 
#header.container-group {background-image: url(http://YOUR IMAGE HERE.jpg;}
Go to the full post


  • Please log in to reply
2 replies to this topic

#1 kmacauley

kmacauley

    Newbie

  • Members
  • Pip
  • 2 posts
  • Country: Country Flag

Posted 15 December 2012 - 09:59 PM

I would like the header of the site I'm working on to be filled with the header image, and go edge to edge with no padding on either side. I do not want the image to shrink to fit.

 

I tried using the feature built in to PL of adding a custom header image. At first it was there, though it had shrunk to fit into the padded area. Then it disappeared, and I tried everything to get it back. I gave up on that.

 

Then, I made a banner that contained the graphic, and dropped the banner into the header. That worked better, but it was still being pushed over by the padding. I tried a left margin of -10px, to no avail. I tried different CSS things, trying changing the padding on selectors that I could guess at. 

 

I also want the menu to touch the sides - not be squished in by padding.

 

How do I get rid of the left and right padding in the main website area? 

What is the best method to use for putting an image in the header?

 

www.thehomeschoolingcoach.com

 

Thanks!



#2 batman

batman

    Bat Learning

  • Members

  • 1776 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 15 December 2012 - 10:15 PM   Best Answer

Hi kmacauley, I can not see your URL live (name and password required) but...

 

I have the header background set to the content width instead of the page width on my web (

Please Login or Register to see this Hidden Content

)

 

If you need this, first I setup in

Pagelines > Site Option > Layout editor

this options

"Responsive with Pixel Width"

and

"Full-Width Sections" 

 

Then I add this CSS rules

 

Please Login or Register to see this Hidden Content



#3 kmacauley

kmacauley

    Newbie

  • Members
  • Pip
  • 2 posts
  • Country: Country Flag

Posted 15 December 2012 - 10:20 PM

Thanks for the reply. 

 

I remembered that I could use the browser to inspect the elements, and was able to get the selector names. I added the CSS changing the padding 0px. All is well.

 

Thanks!







Also tagged with one or more of these keywords: header, custom header, banner