Add captions to Magellan images

Magellan user guide

By adding a specific definition to contentstyles.css in your theme folder, caption text can be neatly added to images.

In the Author topic, you must add the caption text on the line after the file object and apply a unique style created solely for this purpose, for example, a caption or legend style.

  • To add an image caption:

  1. Open the contentstyles.css file in your theme folder.

  2. Within the IMAGES section, add the paragraph selector naming the unique style you have created in Author-it for these captions (legend in this example), followed by the required properties.

    p.legend {
        display: inline-block;
        border: 1px solid var(--light-gray-color);
        background-color: white;
        opacity: 0.8;
        position: relative;
        top: -20px;
        left: 10px;
        padding: 2px 4px;
        border-radius: 2px;
        margin: 0;
        max-width: 300px;

Example image in Author

Caption - before publish

Example image in Magellan site using the above CSS definition