Forum How do I...?

Customize the display of the first page for a particular class

Maksym Nezhurin
I created this logo for my client using Prince settings for div with class '.content page', but it need created only for first page:
I tried to use settings like:

@page content-page:first{
margin-bottom: 2.5cm;
margin-top:1.8cm;
@bottom{
border-top:0.5px solid black;
margin-bottom:1.5cm;
margin-left:1cm;
padding:0 1cm;
content: '';
}
@bottom-left {
width:16cm;
content: '';
margin-top:0.25cm;
margin-left:1cm;
background-image: url('some image.png');
background-repeat:no-repeat;
}
}
But this code create image only if the div with class 'content-page' located as first element in html.
If I try to create firsty title page and then using this code I do not get the result I want.
And all pages rendering as same one ...:(
mikeday
Try applying "prince-page-group: start" to whatever element has "page: content-page" to ensure that the :first selector still applies, otherwise it will only match the first page of the entire document.
Maksym Nezhurin
Great! :)This is working:) Thank you!