Jump to content


Photo
- - - - -

Customize Hero Section By Page ID


Best Answer Danny , 12 February 2013 - 01:40 PM

Hi,

 

The following code should work, which you can use as a template for your pages.

 

 
.page-id-2 .pl-hero-wrap { background: red; }
.page-id-2 .pl-hero h1 { color: white; }
.page-id-2 .pl-hero p { color: white; }

If the above code doesn't work at first you may need to use a PageLines override such as #site or #page. Which will look like this:

 

 
#site .page-id-2 .pl-hero-wrap { background: red; }
#site .page-id-2 .pl-hero h1 { color: white; }
#site .page-id-2 .pl-hero p { color: white; }
Go to the full post


  • Please log in to reply
2 replies to this topic

#1 miratrix

miratrix

    Advanced Member

  • Members
  • 38 posts
  • Country: Country Flag

Posted 12 February 2013 - 12:38 PM

I may have misinterpreted this but is it possible to have a custom hero box per page? I've been trying to do this using the following code.

 


Please Login or Register to see this Hidden Content

 

 

 

When I publish this code it reverts back to default. I can customize it generally but when I add page-id-x it fails.



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 February 2013 - 01:40 PM   Best Answer

Hi,

 

The following code should work, which you can use as a template for your pages.

 

Please Login or Register to see this Hidden Content

If the above code doesn't work at first you may need to use a PageLines override such as #site or #page. Which will look like this:

 

Please Login or Register to see this Hidden Content



#3 miratrix

miratrix

    Advanced Member

  • Members
  • 38 posts
  • Country: Country Flag

Posted 12 February 2013 - 05:31 PM

Hi Danny, first example worked. Thanks!