Customise Summary Block font on all Blog Posts for mobiles

Site URL: https://eagle-copper-brfp.squarespace.com/

For my blog posts, i'm using a three column summary block across both desktop and mobile to highlight 'related posts'.

My issue is that the font appears way too big on mobile browsers. Is there a way to specify the font-size for summary blocks only within blog-posts? I'm saying this as I use them elsewhere on my homepage and also blog list page and they look good as is.

Also - I'm using Lazy Summaries if that has any relevance.

Thanks in advance!

https://eagle-copper-brfp.squarespace.com/projects/binjiangclubhouse

P: 22potatos

5 hours ago, dolphinbot said:

Site URL: https://eagle-copper-brfp.squarespace.com/

For my blog posts, i'm using a three column summary block across both desktop and mobile to highlight 'related posts'.

My issue is that the font appears way too big on mobile browsers. Is there a way to specify the font-size for summary blocks only within blog-posts? I'm saying this as I use them elsewhere on my homepage and also blog list page and they look good as is.

Also - I'm using Lazy Summaries if that has any relevance.

Thanks in advance!

https://eagle-copper-brfp.squarespace.com/projects/binjiangclubhouse

P: 22potatos

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
	.blog-basic-grid-item-wrapper .sqs-block-summary-v2 a {
      font-size: 15px !important;
    }
}

Change value of font-size until it meets your requirement

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

@bangank36 thanks! this works perfectly.

just out of curiousity - how do i find the names of the different elements myself? is there a breakdown somewhere?

18 hours ago, dolphinbot said:

@bangank36 thanks! this works perfectly.

just out of curiousity - how do i find the names of the different elements myself? is there a breakdown somewhere?

Hi @dolphinbot,

To find the right name of element, i use the dev tool of browser - Here is how to find element by dev tool browser (Ctrl + Shift + C to open dev tool)

Regarding the id of element, I prefer using the Squarespace ID Finder extension. - Here is how to find ID

Hope that they can help you

Can we add an external font in the footer? I want to try for my sewing website. Kindly help me to add new fonts.

3 hours ago, monaisee333 said:

Can we add an external font in the footer? I want to try for my sewing website. Kindly help me to add new fonts.

Hi there,

you can add new custom font on your site by following the below video