Streaming live at 10am (PST)

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


#1

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?


#2

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

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

But this didnt work


#3

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>

#4

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