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

Link to comment
  • Replies 13
  • Views 3.7k
  • Created
  • Last Reply

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

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.