Jump to content

Change blog title size

Recommended Posts

Have you tried finding in Site Style yet?

You can also add this code to Home > Design > Custom CSS

h1.blog-title a {
    font-size: 20px;
    font-weight: 900 !important;
}

 

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
  • 3 months later...
  • 2 weeks later...
On 6/6/2020 at 1:21 PM, derricksrandomviews said:

Blog title is adjusted in site fonts style using the slider to a max of 9.9rem. That is approximately 158px. I would say that is quite large, without using code. You can reduce the blog post title in fonts style to .5rem which is approximately 8px. I don't think you would want to go much smaller than that. No code is needed in either case. 

Can you explain a little more how this is done? I too have overwhelmingly large blog titles that I can't seem to change the size of, and I can't find any site font adjustment options which target blog titles specifically. All I can seem to do is adjust the font size of my entire site's layout using only + or - (no slider options), which results in all font being too small to read on all pages just so that my blog titles aren't half the page in size.

Link to comment

Open setup, Choose your blog page, and one of the posts. Then on the left in the setup menu click design then fonts, then the title of your blog, on the left again open the size menu then choose custom, then use the slider to adjust title size of your blog title, it will not adjust the title of your site, to do that click it and use the same slider. These are global controls. 

Edited by derricksrandomviews
Link to comment
  • 3 months later...
On 9/23/2020 at 6:59 PM, TrudeA said:

Hi! I have problems with the blogpost title my self. The titles at huge and the slider is at 8px! They ar set på heading 1, main content, and i cant change that.

Can you share link to blog post? We can check easier.

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 years later...
On 2/27/2020 at 11:52 AM, tuanphan said:

Have you tried finding in Site Style yet?

You can also add this code to Home > Design > Custom CSS

h1.blog-title a {
    font-size: 20px;
    font-weight: 900 !important;
}

 

Hey tuanphan! 

I just dropped this code in and it worked to make my blog post titles smaller, the only issue is that the spacing is now pretty big, is there a way to keep that font size, but close up the spacing?

URL: https://www.earthexplored.co.uk/explore-more-deals
Password: 123456

Reference image attached, with red boxes to show the gaps I'd like to close up!

Thanks!

Screenshot 2023-03-20 at 15.33.06.png

Link to comment
On 3/20/2023 at 10:35 PM, MarkPickess said:

Hey tuanphan! 

I just dropped this code in and it worked to make my blog post titles smaller, the only issue is that the spacing is now pretty big, is there a way to keep that font size, but close up the spacing?

URL: https://www.earthexplored.co.uk/explore-more-deals
Password: 123456

Reference image attached, with red boxes to show the gaps I'd like to close up!

Thanks!

Screenshot 2023-03-20 at 15.33.06.png

Can you check url again? It shows different to me

image.thumb.png.c37b06746cf4fb08047dd6e8664c550b.png

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
  • 4 weeks later...
On 4/21/2023 at 3:43 AM, jmerrill said:

@tuanphan Is there a way to change the blog post titles on a single blog summary page? I'd like to change the "The Truth About..." text on the page below to Header 4 style—but just for this single blog summary page.

URL: https://dfw.squarespace.com/get-the-facts
PW: letmeinprettyplease

Add to Design > Custom CSS

/* Get the facts blog */
body#collection-6440ce818a8cbf7010a4e628 h1.blog-title a {
    font-size: 20px;
    letter-spacing: 3px;
    color: red;
}

 

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.