Page 1 of 1

Styling titles

Posted: Wed May 16, 2018 6:42 pm
by anna_craneo
Hi, I use CSS for DITA-PDF transformation and would like to add different spacing between topics of different levels.
I was thinking about adding margin-top property prior the title but it does not work. Please help e out with this one.
Attach a picture to clarify what exactly a need to do.
Image

Re: Styling titles

Posted: Thu May 17, 2018 11:56 am
by Dan
Hello,
Try adding the following rule to the customization CSS:

Code: Select all


*[class ~= "topic/topic"] > *[class ~= "topic/title"]{
margin-top: 10em;
background-color: pink;
}
If it does not work (should create huge spaces before the titles and render them in pink), it means there are other CSS rules that change the margin-top of the titles. If you still have problems, send us the CSS using the support address.

Many regards,
Dan