Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
TobyOliver

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

Question

Posted (edited)

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,

:))

 

Edited by TobyOliver

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

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';
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0
Posted (edited)
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

 

Edited by TobyOliver

Share this post


Link to post
  • 0

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?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0
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 ;))

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...