Jump to content

CSS Code , How to modify the font of excerpt in the blog ? , also the title in summary

Recommended Posts

Site URL: https://lynx-whale-ladf.squarespace.com/

Dear all,

Please help me solve this issue after trying to search in google and this forum.

 

1. How to modify the font of excerpt in the blog ? I want the line spacing more narrow and smaller.

Also the categories , I want to change the font to what I have is CSS already.

1416629305_ScreenShot2563-07-28at23_57_02.thumb.png.8a2c16e0cd98eec1af1b8e016ecb5c7c.png

2. How to modify the font of title in the blog with CSS Code in the part of summary ?

I want it to be the font same as the excerpt and the line space more narrow.

Also the categories , I want to change the font to what I have is CSS already.

1656278512_ScreenShot2563-07-28at23_58_24.thumb.png.a9aaafdb87f2445a8bee996dcacdcf7e.png

site link https://lynx-whale-ladf.squarespace.com/

The pass word of site is 1234

 

Thank you so much for your help,

:))

 

Link to comment
  • Replies 4
  • Views 1.7k
  • Created
  • Last Reply

Q1. You mean this page? https://lynx-whale-ladf.squarespace.com/

Q2. Add to Home > Design > Custom CSS

/* summary title */
a.summary-title-link {
    font-family: 'ThaiHelvetica';
    line-height: 2.2em;
    font-size: 15px;
}
/* Summary category */
.summary-metadata-item--cats * {
    font-family: 'ThaiHelvetica';
}

 

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
9 hours ago, tuanphan said:

Q1. You mean this page? https://lynx-whale-ladf.squarespace.com/

Q2. Add to Home > Design > Custom CSS


/* summary title */
a.summary-title-link {
    font-family: 'ThaiHelvetica';
    line-height: 2.2em;
    font-size: 15px;
}
/* Summary category */
.summary-metadata-item--cats * {
    font-family: 'ThaiHelvetica';
}

 

It's work !!! Thank you so much for your help !

for the line-height , could it be more narrow than 0.0em ? 

I can't do like -1.0em, is there any another way ?

 

 

Furthermore, about the blog
How can I modify the meta of categories and "read more" font 

1772547473_ScreenShot2563-07-30at01_26_53.thumb.png.2f03d2d9c1edfca555dbe34422e4b10e.png

 

 

Thank you so much

 

Link to comment

for the line-height , could it be more narrow than 0.0em ? 

I can't do like -1.0em, is there any another way ?

You mean spacing between title - excerpt? Edit to this

/* summary title */
a.summary-title-link {
    font-family: 'ThaiHelvetica';
    line-height: 2.2em;
    font-size: 15px;
}
/* Summary category */
.summary-metadata-item--cats * {
    font-family: 'ThaiHelvetica';
}
/* space between title - excerpt */
.summary-title {
    margin-bottom: 0 !important;
}

Furthermore, about the blog
How can I modify the meta of categories and "read more" font 

Can you share link to this page?

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
On 7/31/2020 at 4:23 PM, tuanphan said:

for the line-height , could it be more narrow than 0.0em ? 

I can't do like -1.0em, is there any another way ?

You mean spacing between title - excerpt? Edit to this


/* summary title */
a.summary-title-link {
    font-family: 'ThaiHelvetica';
    line-height: 2.2em;
    font-size: 15px;
}
/* Summary category */
.summary-metadata-item--cats * {
    font-family: 'ThaiHelvetica';
}
/* space between title - excerpt */
.summary-title {
    margin-bottom: 0 !important;
}

Furthermore, about the blog
How can I modify the meta of categories and "read more" font 

Can you share link to this page?

That's work very well !

Thank you so much for your help, tuanphan :))

 

However, I still can not modify the font of excerpt and 'read more' in the blog.

For example, in this link https://www.takeoffbkk.com/eats

 

Appreciate your help ;))

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.