Jump to content

Trouble editing text size of a summary block

Recommended Posts

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?

 

Screen Shot 2019-11-18 at 1.30.31 PM.png

Edited by GovConChris
Link to comment

@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.

Edited by christyprice
Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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.

Link to comment
  • 1 year later...

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.

image.png.78ba15c16f56dd8a33c45ecb417449f2.png

 

 

Link to comment
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.

image.png.78ba15c16f56dd8a33c45ecb417449f2.png

 

 

Can you share link to page in screenshot?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.