Jump to content

Repositioning Excerpt Item in List Summary Block

Go to solution Solved by nick_sh,

Recommended Posts

I have a List Summary Block with the title and excerpt displaying (see screenshot below).

The excerpt is the numbered item. Is there a way to reposition the excerpt so it displays to the left of the title?

If not, is there some other way to achieve this look, all within a List Summary Block?

URL: https://artdomain.co/
 

Screenshot 2024-02-08 at 12.37.24 PM.png

Edited by jmerrill
adding site url
Link to comment
  • Solution

Basic idea would be like this, you can further play with the styles. 

.fe-block-53a098b9fb8dd2261803 {
  counter-reset: section;
}

.fe-block-53a098b9fb8dd2261803 .summary-item {
display: flex;
}

.fe-block-53a098b9fb8dd2261803 .summary-item:before {
  counter-increment: section; 
  content: counter(section) ".";
  
  line-height: 1;
  color: var(--headingLargeColor);
  font-family: var(--heading-font-font-family);
    font-style: var(--heading-font-font-style);
    font-weight: var(--heading-font-font-weight);
      font-size: 22px;
      margin-right: 12px;
      position: relative;
      top: -4px;  
}

 image.thumb.png.b118355bef386b54ba62781ab55080d5.png

 

Try new Squrespace ID & class finder Chrome Extension

✔ Supports Fluid Engine   ✔ Generate Media Queries code   ✔ Toggle IDs with Option / Alt 

____

Hire me for SquareSpace development

 

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.