jmerrill Posted February 8 Share Posted February 8 (edited) 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/ Edited February 8 by jmerrill adding site url Link to comment
nick_sh Posted February 8 Share Posted February 8 Probably easier to use CSS counters, but need to see the site. 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
jmerrill Posted February 8 Author Share Posted February 8 @nick_sh Sorry, just added site url above. Link to comment
Solution nick_sh Posted February 9 Solution Share Posted February 9 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; } tuanphan 1 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
jmerrill Posted February 9 Author Share Posted February 9 @nick_sh Amazing - better than what I wanted. Thank you!!! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment