Jump to content

Put excerpt above title on Blog page

Go to solution Solved by Beyondspace,

Recommended Posts

Posted
On 5/4/2022 at 4:59 PM, Muntzer said:

Site URL: http://www.kknomics.squarespace.com/program

I'd like to put the excerpt above the title on blog pages/summary, so that the order from top to bottom is image > excerpt > title.

Can anyone help me with the required CSS?

You can try the following Css code

.blog-basic-grid--text {
  display: flex;
  flex-direction: column;
}

.blog-title {
  order: 2;
}

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

  • Solution
Posted
19 hours ago, Muntzer said:

https://kknomics.squarespace.com/kalle-moene

@bangank36Do you have a code for blog summary page as well? 😄 

You can try the following code for summary

.summary-content {
  display: flex;
  flex-direction: column;
  
}

.summary-title {
  order: 2;
}

Let me know how it goes

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

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.