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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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.