Add an image caption - On Premises 6.4

Magellan

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

5948

In the Author-it 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-it:

Caption - before publish

Example image in Magellan site using the above css definition:

5948