Jump to content

Code to Change Blog Overview Title and Next Title to Custom Font

Go to solution Solved by JessicaM,

Recommended Posts

Hello,

I've uploaded my custom font on my site and have assigned all of the Header fonts to my custom font, but can't figure out how to edit the side-by-side blog post titles in blog overview, and the next post title link on the bottom on each blog post. Any custom coding to do that? 

Thank you!

Link to comment

@J-Flo If you'll post the link to your site and the font that you want it to be, then we can give you the exact code.

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

Link to comment
  • Solution

@J-Flo Really nice custom font! Here's the code 🙂

//change blog title font//

.blog-title {

    font-family: editors note-el !important;

}

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

Link to comment

Thank you so much, Jessica! It worked. 

Any idea how I could apply the same setting to the next up titles? When you are on the first blog post, if you scroll down, you'll see "Blog Post Title Two" is not set to editor's note.

Link to comment

@J-Flo weird because it's showing it on mine...  all of the blog titles use the ".blog-title" attribute, which is what the CSS is targeting, so all of them should have that font. Can you send a screenshot of what it looks like on yours?

image.thumb.png.a93ef8d353f3a715bd2a3d383c59be14.png

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

Link to comment

@J-Flo Oh, gotcha! Ok, here's the code for that 🙂

 

//change font on previous and next posts//

.item-pagination-title {

font-family: editors note-el !important;

}

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

Link to comment
On 7/20/2024 at 10:28 PM, Matijasever said:

i have the same issue

@Matijasever If you'll share the link to your site we can give you the code you need. Which text do you want to adjust?

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

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.