Docs

[lisacole1]

I’m using renew on http://www.exeterbabyactivities.co.uk

They want a few pages to have different branding, is is possible to assign a different header to just a few pages?

many thanks!

[Paul R]

Hi,

Yes, it’s possible.

You can add this code in Cornerstone > Settings > Custom CSS

https://www.screencast.com/t/UIPW7GRa

.x-brand img {
   display:none;
}

.x-brand.img {
   background:url(http://example.org/background.jpg) top center no-repeat;
    width:550px;
    height:250px;
}

Change http://example.org/background.jpg with the url of your header image.

Hope that helps.

[lisacole1]

thanks, but how do I assign this to certain pages – would they all have to be done in Cornerstone?

[Rupok]

Hi there,

Thanks for writing back. If you want to do it for specific pages individually then you need to do it on every page. You can also use the Customzie > Custom > CSS and in that case you need to use preceding page ID like :

.page-id-1 .x-brand img {
   display:none;
}

.page-id-1 .x-brand.img {
   background:url(http://example.org/background.jpg) top center no-repeat;
    width:550px;
    height:250px;
}

Hope this makes sense.

[lisacole1]

that does make sense, thank you!

[Rahul]

You’re most welcome!

Feel free to ask us again.

[lisacole1]

that works beautifully thank you
The only problem is a slight jump when you switch between pages –

http://www.exeterbabyactivities.co.uk/family-favourite-awards-2017/

and http://www.exeterbabyactivities.co.uk/playgroup-exeter/

I’ve played around with dimensions of the image and the width and height you specified but I can only get it to work with your specs.

What do you recon?

[lisacole1]

and is it possible to change the header on certain posts as well please?

[Christian]

I don’t see the jumping issue. Would you mind providing a quick screencast?

Regretfully, changing the header would require custom development. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[lisacole1]

no problem, so I’m ok with pages but not with posts, that is workable, thank you!

[Paul R]

Hi,

Please note that you can also do it in post.

Just change the page id with post id

eg.

.postid-1 .x-brand img {
   display:none;
}

.postid-1 .x-brand.img {
   background:url(http://example.org/background.jpg) top center no-repeat;
    width:550px;
    height:250px;
}

https://community.theme.co/kb/how-to-locate-post-ids/

Also note that you only need to put id if you are adding the code in Customzie > Custom > CSS

Thanks

[lisacole1]

that is wonderful, thank you
Please can you tell me the sytax for adding more than one page or post

is it divided by a comma?

.postid-1,.postid-2  .x-brand img {
   display:none;
}

[Christopher]

Hi there,

It should be :

.postid-1  .x-brand img,.postid-2  .x-brand img {
   display:none;
}

Thanks.

[lisacole1]

ace, thank you, that is really helpful!

[lisacole1]

what did I do wrong? 🙂

/* different header on awards pages */

.page-id-5792  .x-brand img,.page-id-5877  .x-brand img,.page-id-5960  .x-brand img, .page-id-6005  .x-brand img,.page-id-6062  .x-brand img,.page-id-6064  .x-brand img,.page-id-6066 .x-brand img,.page-id-6145 .x-brand img,.page-id-6181  .x-brand img,
{
   display:none;
}

  
.page-id-5792  .x-brand img,.page-id-5877  .x-brand img,.page-id-5960  .x-brand img, .page-id-6005  .x-brand img,.page-id-6062  .x-brand img,.page-id-6064  .x-brand img,.page-id-6066 .x-brand img,.page-id-6145 .x-brand img,.page-id-6181  .x-brand img,
{
   background:url(http://www.exeterbabyactivities.co.uk/wp-content/uploads/2017/02/Family-Favourite-17-362x300.jpg) top center no-repeat;
    width:362px;
    height:300px;}

[Author]

Posts