Jump to content
theenglishspy

Different full width header per page?

Recommended Posts

Rob

Rich,

 

Quite a few have asked for this lately.   In the PageLines Meta Settings for each page, there is an option to set a background on a per-page basis. This works provided there is no page or content color set in Dashboard > PageLines > Site Options > Color Control.  You'd use the positioning elements in those settings to position the background into the header area, provided the image isn't too tall, and is wide enough.  Don't use supersize with this method.

 

I think the only other possible way to accomplish this is using CSS.

 

First, you should know that each page is assigned an ID by WordPress. You can prefix almost any CSS element with a per page instruction by adding

.page-id-XX, where XX is the unique page indentification number.

 

Next, if you are doing something like:

#header {background-image: url("THE FULL URL TO YOUR BACKGROUND IMAGE"); 
}

You can make it

.page-id-24 #header {background-image: url("THE FULL URL TO YOUR BACKGROUND IMAGE");
}

which would place an image on page ID 24.

 

You can also, and may have to, add instruction about the positioning of the background.   For more on that, see: http://www.w3schools.com/css/css_background.asp.


Former PageLines Moderator, Food Expert and Raconteur

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


  • Similar Content

    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • 123jahson@gmail.com
      By 123jahson@gmail.com+
      Hello,
      Does anyone know how I can my site name to my website?  I would like to have it at the top left.
      Here is my site: https://howtostaysafeonthenet.com/
      I am still new to the platform, so any help will be appreciated.
      Thank you!
      Jason
    • Dan Haddock
      By Dan Haddock
      Hi Pagelines team and wider community,
      I am looking to develop a single post page for my blog. I have read over an old article on the subject, however the link provided on achieving this goal was giving me security warnings. Is there any way I can get round this?
      Secondly, I have had a root around the .zip file provided on my sites backup, however was unable to locate any file in there with the name of Single.php. Does this file exist in the Pagelines theme?
      By the way, this is the unsafe article: http://support.pagelines.me/docs/customization/create-a-custom-page-template/ (Click at your peril).
       
×