How to add captions (such as below images) but anywhere?

[mattpopovich]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

I would like to add captions to things other than images, such as blocks of code or iframes.

Operations you have already tried

Looking at previous posts I've created, I used to add <my-caption>Caption text here</my-caption>. I'm not sure why that worked but I do remember it working. It no longer works and just renders as normal text.

Has this feature been removed? Changed?

Anything else?

No response

[kungfux]

I'm not sure about <my-caption> existence and I didn't find it in the code.

As an option, you can add custom styles to assets\css\jekyll-theme-chirpy.scss as follows to recreate same styles as for built-in captions:

em {
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 80%;
  padding: 0;
  color: #6d6c6c;
}

and then use in posts like

<em>This is my caption</em>

Feel free to adjust per your needs.