How to add left and right margins in Topic?

The default.css is in your Project Manager pod, not the Project Setup pod. Scroll past your topics and just before the images, you should find the default.css. Double-click to open and you can set a left and right margin for your normal text, headings, etc. under Paragraph. Be sure to APPLY before moving to the next paragraph style.

As long as all your topics do not have inline formatting that overrides the css, they should pick up the new settings and apply them. Regenerate, then view to see if you added enough left and right margin to suit your needs.

Let me know. Thanks, Susan

Or right click the css, click Edit With > HTML Editor and apply a margin left and margin right to the Body tag.  That will affect all the styles in one go.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

This is done in the layout css. If you add padding to div.wTopic you will get the result you require. Just remember to substract any width you add in padding from the width of the div.wTopic or the container will become too large.

The project manager pod only shows the css files currently used by topics. Can you assign the css to a topic from the topic properties? There you should see all css files in your project directory.

Kind regards,

Willam

There's an even better solution using CSS3 calc:

width: calc(95% - 5px);

Now the browser will calculate the required number of pixels itself :-) No more need to fiddle yourself.

Kind regards,

Willam