Jump to content

Blog title font size nightmare

Recommended Posts

  • Replies 12
  • Views 680
  • Created
  • Last Reply
On 6/6/2021 at 5:22 PM, madharper said:

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

Hi folks

I've seen a lot of questions about this but still can't solve. On our main blog page, the titles for individual posts are huge - https://www.donturbanisethedowns.com/blog. I've tried custom css copying other suggested code but still not working. The titles on individual posts once you click the links are fine. Please help!

I think you can change it in Design > Site Styles?

If you can't find it, add this to Design > Custom CSS

/* blog title */
h1.blog-title a {
    font-size: 1.5rem;
}

 

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
3 minutes ago, madharper said:

Hi. That fixed line height but took me back to huge font! Code is now:

.blog-title {
    font-size: 1.5rem;
   line-height: 85% !important;

}

It seems I can either fix the line height OR the font size, but not both!


 

Try using them separately:

h1.blog-title a {
    font-size: 1.5rem;
}

h1.blog-title {
	line-height: 85% !important;
}
Link to comment
1 minute ago, madharper said:

OMG Aravsanj - you've done it!!!!!!!! It's been driving me NUTS but code now works. Thank you, thank you!

My pleasure! I should have been clear to use the code separately. We were targeting two separate entities.  The white-space happens because of class blog-title's  pre-formatting. Not the text in anchor link. Anyways, good luck 🙂

Link to comment
On 6/10/2021 at 4:35 PM, madharper said:

Thank you! Have a new issue now. Will post as separate question!

 

Do you need fix these?

Site URL – https://www.donturbanisethedowns.com/

1. (Tablet-Footer) Make 5 icons same line?

donturbanisethedowns.com-01-min.png

2. (Mobile-Footer) Align left or center icons?

donturbanisethedowns.com-02-min.png

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

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.