Customizing Table Borders

You can customize the default table and cell borders in Document! X and HelpStudio using custom styles defined in a custom stylesheet either in your project or custom template.

The following styles will be automatically applied to every table in your content. You can change the border style (color, thickness, etc) by editing the border: solid 1px black; style attribute.

.i-body-content table {
    border-collapse: collapse;
    border: none;
}
.i-body-content table td {
    border: solid 1px black;
}

Adding a custom Stylesheet containing your custom table borders

This article will help you add in a new Stylesheet into your project or custom template.

You can add a new stylesheet to your project by:

• Add a new stylesheet to your project by clicking the New Stylesheet ribbon button on the Project ribbon tab, or open an existing custom stylesheet by double-clicking on it in the Project Explorer (under the Other Files folder).
• In the stylesheet editor click the Add a new Style Rule toolbar button or manually enter the CSS in the editor with the Source view selected
• The custom style can then be edited in the visual designer by selecting it in the tree then switch to the Visual view, or manually edited in the Source view

or to a custom template by:

• Opening an existing custom template for editing, or create a new custom template (more information on creating custom templates can be found in the online help under Customization).
• In the Template editor select the Other Files page menu item
• Right-click on the stylesheets folder and select the New Stylesheet context menu option
• In the stylesheet editor click the Add a new Style Rule toolbar button or manually enter the CSS in the editor with the Source view selected
• The custom style can then be edited in the visual designer by selecting it in the tree then switch to the Visual view, or manually edited in the Source view