customize cover page input bottom

ThomasX
Posts: 4
Joined: Tue Jun 12, 2018 3:32 pm

customize cover page input bottom

Post by ThomasX » Thu Jun 14, 2018 10:30 am

Hi,
I am using the Oxygen PDF chemistry to create PDF from a Dita map. I want to add content (company slogan) to the bottom left area of the page. So I just add to the CSS @bottom-left {content:"Hello world"}, however the issue is that I need to use different colors for each word. If I add formatting properties to the css, it applies for the whole string. I guess an alternative could be to add two pseudo elements (front-page-title:after) that are displayed inline but I don't know how to bring the text in the bottom area. Thank you for help.

Dan
Posts: 428
Joined: Mon Feb 03, 2003 10:56 am

Re: customize cover page input bottom

Post by Dan » Thu Jun 14, 2018 12:52 pm

In this case I would make an SVG image with the formatted slogan text and colors. Then I would use:

Code: Select all


@bottom-left {
content: " ";
background-image:url('slogan.svg');
background-position:50% 50%;
background-repeat: no-repeat;
}
You will need to specify a content, even if empty, otherwise the page margin box is ignored.

The advantage with the SVG is that the text from it is searchable and can be selected in the PDF, plus it will look good.

Another technique is to create a SVG as big as the page, and set it as background for the entire page.

ThomasX
Posts: 4
Joined: Tue Jun 12, 2018 3:32 pm

Re: customize cover page input bottom

Post by ThomasX » Fri Jun 15, 2018 4:19 pm

Thank you.

Post Reply