Style image captions

Our default styles will create image captions with a dark grey background and white font, like this:

Here's my sample caption

If you'd like to style these in your own way:

1. Go to Customize > Style (HTML & CSS).
2. In the Customize HTML, CSS, and JS section, select Custom CSS.
3. Copy the default CSS below and paste it into your Custom CSS.

   .documentation-article .fr-img-caption .fr-img-wrap>span {
       margin: auto;  /*change the margins*/
       font-size: 14px; /*change the font-size*/
       font-weight: initial; /*font bold/not bold*/
       max-width: 100%; /*How much of the image's width should the caption take up?*/
       background: #656565; /*Background color for the caption*/
       border-radius: 0px 0px 4px 4px; /*Border-radius creates rounded corners*/
       padding: 5px; /*Padding between the text and the edge of the caption*/
       color: #fff; /*Text color*/
       line-height: 1.72222; /*Line height*/
   }

4. Adjust the CSS however you see fit. Our most popular customizations are:
   1. Change the grey background color: Edit the background color in row 6.
   2. Change the color of the caption text: Edit the color in row 9.
5. Be sure to Save once you're done making them!