Unanswered: How to adjust the text of an image card

Site URL: https://www.cedarbuiltgreenhouses.com/styles-page

Hello, 

I posted this question about 2 weeks ago but it may have been forgotten:

https://forum.squarespace.com/topic/195506-how-to-adjust-the-text-of-an-image-card/

I'd like to adjust the size and font of the subject and body text in the image cards I have on this page. Can someone give me the code so I can play around with font and text sizes? I want to make the text "The Freestanding" a smaller size and font style (any font is okay, I just need the code)

On 6/1/2021 at 12:28 AM, CBGreenhouses said:

Site URL: https://www.cedarbuiltgreenhouses.com/styles-page

Hello, 

I posted this question about 2 weeks ago but it may have been forgotten:

https://forum.squarespace.com/topic/195506-how-to-adjust-the-text-of-an-image-card/

I'd like to adjust the size and font of the subject and body text in the image cards I have on this page. Can someone give me the code so I can play around with font and text sizes? I want to make the text "The Freestanding" a smaller size and font style (any font is okay, I just need the code)

Add to Design > Custom CSS

/* The freestanding */
div#block-yui_3_17_2_1_1617744824073_15757 {
.image-title * {
    font-family: monospace;
    color: red;
    font-size: 20px;
}
.image-subtitle * {
    font-family: futura-pt;
    color: green;
    font-size: 20px;
}
}

Thank Tuan, 

Quote

div#block-yui_3_17_2_1_1617744824073_15757 {
.image-title * {

Also, can you tell me the method to find this "yui" block code info so I can use it for other specific image cards like this one? "block-yui_3_17_2_1_1617744824073_15757"

And is there a code that applies to all image cards on the site?

/* All site image cards */
?????????????????????????????????????????? {
.image-title * {
    font-family: monospace;
    color: red;
    font-size: 20px;
}

On 6/5/2021 at 12:43 AM, CBGreenhouses said:

And is there a code that applies to all image cards on the site?

/* All site image cards */
?????????????????????????????????????????? {
.image-title * {
    font-family: monospace;
    color: red;
    font-size: 20px;
}

Q1. To find block id, use this tool

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Q2. Replace ????? with

Quote

.design-layout-card

Thanks, but nothing happening with this:

Quote

/* All site image cards */
.design-layout-card {
.image-title * {
    color: red;
    font-size: 20px;
}
}