Jump to content

Changing font in "Summary" (Brine template)

Recommended Posts

Site URL: https://synthesizer-carillon-f8ne.squarespace.com/config/

Hello,

I'm looking for a custom CSS code to change the format of the title (only the title, not the date) in "Summary" which I've set up to list blog posts.

Squarespace allows me to change font of blog post articles in blog page, but not in the summary.

The first picture shows a default font, the second and third picture show how I'd like the new font to look.

Thanks a lot in advance!

Klara

Capture.JPG

Capture b.JPG

Capture c.JPG

Link to comment
  • Replies 3
  • Views 849
  • Created
  • Last Reply

Your site is protected, pls provide the pass

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Thank you very much!

I just played with your suggestion and tried to add something I've seen previously and came up with this code

 

/* Summary font customization */
.summary-title-link {
    font-family: myriad-pro;
    font-size: 23px;
    font-style: italic;
    color: #EB5C92;
}

 

...and this came out - exactly as I wanted - perfect 🙂

 

On 8/31/2020 at 10:44 PM, derricksrandomviews said:

Change the font name to what you want to use and the size, it can't be a custom font however, not with this particular piece of  code. This goes into custom CSS.

.summary-title-link {
    font-family: proxima-nova, serif;
   font-size: 16px;

}

 

Capture.JPG

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.