When you publish a Magellan website, topic template names are included in the website's HTML. These names can be used to apply borders, shading, and other customizations to topic content. For example, you may have topics based on the Reference template. You can include CSS definitions to add a black border and gray shading to the topic heading and content for all topics using this template.
-
To format content according to topic templates:
-
Open the contentstyles.css file in your theme folder.
-
Add the following CSS to contentstyles.css, editing it to suit your needs:
/*#region TOPICS */
#content_container .reference {
border: 1px solid var(--light-gray-color);
box-sizing: border-box;
box-shadow: 1px 1px 3px var(--light-gray-color);
margin: 20px 0;
padding: 0px 15px 10px 15px;
background-color: #f1f1f1;
}
/*#endregion TOPICS */-
#content_container is the container in which all topics are displayed.
-
.reference is the name of the topic template you want to select.
This adds a light-gray solid border with shadow on all sides, plus some margin and padding and a lighter gray background shading.
Tip: Remove /*#region TOPICS */ and /*#endregion TOPICS */ if these sections already exist in your contentstyles.css file. Simply add the remaining CSS to that section.
-
Example reference topic before
Example reference topic after
