Change blog title size

Site URL: https://www.visuallyadept.com/blog

I cant seem to find an option to lower the font weight or the font style of the title. How can I do that? I would like the font to be much smaller and less in your face and make it an H5 instead of an H1 or any H lower than 3. Help anyone please 🙂

Thank you for sharing this. To Squarespace: It's really surprising why we even have to use CSS for this. Shouldn't this be controlled from the WYSIWYG? 

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. 

Thanks that worked!

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.

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. 

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.

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.

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!

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!

Can you check url again? It shows different to me

@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

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

@tuanphan Thanks! I figured it out shortly after posting 🙌

On 3/20/2023 at 11:35 AM, 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!

How were you able to finally get rid of the spaces? Thank you!

On 2/26/2024 at 4:19 AM, SadiTheBadi said:

How were you able to finally get rid of the spaces? Thank you!

If you share link to your site, we can give code to achieve this. Above url doesn't exist now

On 2/29/2024 at 3:07 AM, tuanphan said:

If you share link to your site, we can give code to achieve this. Above url doesn't exist now

Yes i was! Thank you for all of your help.