Jump to content
Sign in to follow this  
miratrix

Customize Hero Section By Page ID

Recommended Posts

miratrix

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.

 

#page .page-id-59 #hero .pl-hero-wrap {background-color: #9ee851;}
#page .page-id-59 #hero p {color:#ffffff}
#page .page-id-59 #hero .m-bottom {color: #ffffff;}
#page .page-id-8 #hero .pl-hero-wrap {background-color: #ff66ac;}
#page .page-id-8 #hero p {color:#ffffff}
#page .page-id-8 #hero .m-bottom {color: #ffffff;}

 

 

 

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

Share this post


Link to post
Share on other sites
Danny

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; }

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
miratrix

Hi Danny, first example worked. Thanks!

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  

×