Jump to content

Put excerpt above title on Blog page

Go to solution Solved by Beyondspace,

Recommended Posts

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)
🗓️ 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

My testing

image.thumb.png.45f7e136caa9d662a50f311d7d983ed1.png

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
  • Solution
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)
🗓️ 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

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.