Styling titles

[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.

[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