customize cover page input bottom

ThomasX
Posts: 4

customize cover page input bottom

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: 277

Re: customize cover page input bottom

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

Re: customize cover page input bottom

Fri Jun 15, 2018 4:19 pm

Thank you.

Return to “Common Problems”

Who is online

Users browsing this forum: No registered users and 0 guests