Page 1 of 1

Cusatom .css-file

Posted: Mon Oct 12, 2015 1:14 pm
by Glimmerino
Hello.

I'm using the webhelp plugin for my online help generation in DITA.

By default the figure title and relating image does not align properly. I would like the figure title to be before/on top of the image. How do I set this in the .css file? I know I can change the @placement attribute for each image but I want this to be automatic.

The element structure looks like:

<fig id="">
<title>TITLE</title>
<image href=""/>
</fig>


Best regards
Kristian

Re: Cusatom .css-file

Posted: Tue Oct 13, 2015 4:09 pm
by bogdan_cercelaru
Hello,

To have the figure title on the top of the image, please try to edit the "DITA-OT/plugins/com.oxygenxml.webhelp/oxygen-webhelp/resources/css/webhelp_topic.css" file and add the following code at the end:

Code: Select all


div.fignone span.figcap {
display:block;
text-align:left;
font-weight:bold;
padding:2px 10px 5px 10px;
}
Regards,
Bogdan

Re: Cusatom .css-file

Posted: Wed Oct 14, 2015 12:11 pm
by Glimmerino
This worked fine.

Thankyou.

/Kristian