Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
EmBee

Is it possible to change the font style of a Summary Block heading?

Question

Depending on the template it seems that the summary block will inherit the style of another element rather than normal headings. How can I change it to a different style?

Edited by llogan

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 4

This worked for me, add it to the Custom CSS Editor:


.sqs-block-summary-v2 {
 .summary-title,
 .summary-heading {
   font-family: "whatever font";
   font-size:15px
 }
}

You can add other font elements in there of course.

Also found this code to made the “Extra large” text setting even larger – you can change the 20px to whichever size you need:


.sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-excerpt p {
 font-size: 20px;
}

Edited by EmBee

Share this post


Link to post
  • 0

@EmBee – I’ve joined your two answers together. For the first block of CSS, I’ve made a slight change too – using the Less syntax makes for less repetitive CSS, this uses simple nested rules.

And I’ve formatted the code. To format code, just highlight the lines of code and use the 5th button in the toolbar:

Use the source


The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post
  • 0

@SOIN – EmBee has two blocks of CSS, I just combined the separate answers together. If you want to make use of both, just paste both lots into the CSS Editor.


The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post
  • 0

And if you're looking to change the color, you can do this:


.summary-title,
.summary-heading {
    color: #ffffff !important
  }

You can use a hex color tool to replace #ffffff with any color you want, like this tool here:https://www.hexcolortool.com/

Share this post


Link to post
  • 0

Hi @EmBee , I made a video tutorial for you on how to Change Font Style of Block Heading. Hope this helps! https://www.askquesty.com/squarespace-answers/change-font-style-of-block-heading-squarespace-tutorial


Have Squarespace questions/task and need help today? **You can hire us here.** Our answers are on-demand, video recorded, and only cost between $5 to $25. Estimates are free, 100% satisfaction guarantee, and trusted by hundreds of small businesses.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...