Page 1 of 1

customize cover page input bottom

Posted: Thu Jun 14, 2018 10:30 am
by ThomasX
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.

Re: customize cover page input bottom

Posted: Thu Jun 14, 2018 12:52 pm
by Dan
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.

Re: customize cover page input bottom

Posted: Fri Jun 15, 2018 4:19 pm
by ThomasX
Thank you.