How to style captions under an image in a dynamic Rich Text Block, dynamically pulled from Collections

Hi, I Have a dynamic list of images pulled from my projects collection. The image has captions under it.

When I add the items in the project editor I can add the image and the caption below, but in the designer when I try to edit the elements or assign a class it wont let me.

How can I style the caption under the images in the rich text block?

I tried to add a custom style to the head of the site.

.figcaption { font-size:14px; font-color:#000000; }

But this didnt work

Ok this is how you style Captions under images in the Rich Text Field.
Answered my own question.

    <style>
figcaption {
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin-top: 5px;
    background-color: hsla(200,6%,90%,.74);
    font-family: Raleway,sans-serif;
    color: #000000;
    font-size: 12px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase;
</style>
1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.