Jump to content
Sign in to follow this  

Header Problems

Recommended Posts

kmacauley    0

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?





Share this post

Link to post
Share on other sites
batman    389

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"


"Full-Width Sections" 


Then I add this CSS rules


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

Life is too short to remove USB safely ...

Share this post

Link to post
Share on other sites
kmacauley    0

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.



Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      site of one of the class (pilates)
      site with calendar :
      7 side with one event from the calendar :
      when I have my site on DMS2 it was working :-(
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking
    • Le Chef Est Une Femme
      By Le Chef Est Une Femme+
      Hey everyone
      I am very sorry if this question has a "deja vu"  taste but I have been looking for more than 2 hours a way to add a phone number in the top right corner of my header website.
      Before asking that, I have read many of the questions related to that subject, from hooks and action map to function.php and hooker plugin but I am very lost. Plus many links kindly given by some of you are now 404 pages
      Is there anyone willing to help me find the easiest way to add this number please ? 
      In advance, thank you