Adjusting the styling of image captions in an Elementor Grid

[MWPA]

I’m wondering where and how I can adjust the styling of captions for images displayed in an Element Grid.

Additionally, is it possible to use a Text Format to ensure the style adapts properly for mobile as well?

[arminunruh]

hey so captions in elementgrids are just text underneath the elements.
there are no further styling options.

other than you can apply a textformat to these captions.

because adding/editing a caption of an element inside an elementgrid shows a texteditor.
and in every texteditor you can apply a textformat: https://laytheme.com/documentation/textformats-and-webfonts.html

[MWPA]

Ah, okay, got it. Now I just need to set the styling for each caption across 100+ images in the website/grid.

Is there really no way to adjust this more easily with CSS or something similar?

This keeps it natural while improving flow and clarity.

[arminunruh]

you can use custom css

.caption.lay-textformat-parent >*{
    font-family: HM-001-010GX;
    color: #000000;
    letter-spacing: 0em;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    padding: 0;
    text-indent: 0em;
    border-bottom: none;
    text-align: left;
    font-size: 25px;
    margin: 0px 0 15px 0;
}

use !important in case some css doesnt take effect like

color: red!important;