Trouble editing text size of a summary block

Hi, 

I was told by Squarespace Support that it is not possible to change the font size for Summary Blocks natively within Squarespace. Changing the text in the place of origin wouldn't work for changing the font size either.

I need to make the body / bio font seen in the image block bigger using CSS only for this specific summary block without impacting the global or rest of the sites' style - will someone help me write the necessary CSS lines?

Hi @GovConChris

Sure, It's possible just share your site link with me I can help you.

Hello, I have the same question. I created a summary/gallery and the text is too big (underneath the images). I would like to change it without changing the body text of the entire site, her is the URL. Thanks

https://www.niveau5.com/25ans#niveau_5_25_ans_retrospective

@niveau5, try adding this to Custom CSS:

.summary-excerpt p {
    font-size: 12px;
}

Your default font size was 14, so you can try 12 or any other size you'd like.

On 11/26/2019 at 6:05 PM, christyprice said:

@niveau5, try adding this to Custom CSS:

.summary-excerpt p {
    font-size: 12px;
}

Your default font size was 14, so you can try 12 or any other size you'd like.

I tried it, sorry it doesn't work, could it be the template (Shift) ?

4 hours ago, niveau5 said:

I tried it, sorry it doesn't work, could it be the template (Shift) ?

try adding !important to after, eg: font-size: 12px !important;

if it still doesn't work, can you share link to your site?

Oh!!!! It is working. Thanks!

.summary-excerpt p {
    font-size: 12px !important;
}

? Do you think there is a bit of code to add, to reduce the title/link as well ? Here is the link : https://www.niveau5.com/25ans#niveau_5_25_ans_retrospective

2 minutes ago, niveau5 said:

Oh!!!! It is working. Thanks!

.summary-excerpt p {
    font-size: 12px !important;
}

? Do you think there is a bit of code to add, to reduce the title/link as well ? Here is the link : https://www.niveau5.com/25ans#niveau_5_25_ans_retrospective

a.summary-title-link {
    font-size: 10px;
}

2 hours ago, tuanphan said:

a.summary-title-link {
    font-size: 10px;
}

 

18 hours ago, tuanphan said:

try adding !important to after, eg: font-size: 12px !important;

if it still doesn't work, can you share link to your site?

Thank you! it works, I had the same issue! thanks a ton.

The link works as well! Alright, Thank you so very much!

Hi,

I'm trying to use this piece of coding that I've seen suggested before - but it doesn't make the change?

.summary-excerpt p {

font-size: 14px; !important;

}

When I keep !important; then I get a Syntax error for line 2 and the font size doesn't change.

When I delete !important; then the font size doesn't change either

Thanks for any suggestions for how I change this. (My site isn't published yet so can't send you a link unfortunately.

On 2/28/2021 at 5:45 PM, Changement said:

Hi,

I'm trying to use this piece of coding that I've seen suggested before - but it doesn't make the change?

.summary-excerpt p {

font-size: 14px; !important;

}

When I keep !important; then I get a Syntax error for line 2 and the font size doesn't change.

When I delete !important; then the font size doesn't change either

Thanks for any suggestions for how I change this. (My site isn't published yet so can't send you a link unfortunately.

 

 

Can you share link to page in screenshot?

Thanks for responding but the site isn't live yet....so I can't share the link right?

On 3/2/2021 at 10:59 PM, Changement said:

Thanks for responding but the site isn't live yet....so I can't share the link right?

Yes. You can setup password & share site url