Jump to content

Center Summary Block Metadata

Recommended Posts

  • Replies 4
  • Views 329
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

On 1/8/2022 at 5:15 AM, emzjade97 said:

Site URL: http://www.squareonemagazine.co.uk

Hi!
 

I've been working on changing the design of my home page and I'm wanting to centralise the metadata on each summary post. No matter what code i'm trying it stays left-aligned! Thanks in advance. 

Try in Home > Design > Custom Css

#collection-5d9b111b5a14a352be132926 .summary-metadata-container--below-title {
  display: flex !important;
  justify-content: center;
}

This code is only applied on Home Page

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Edited by bangank36

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.a8f317eb7820663052f1a50694f5dc4d.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
15 hours ago, bangank36 said:

Try in Home > Design > Custom Css

#collection-5d9b111b5a14a352be132926 .summary-metadata-container--below-title {
  display: flex !important;;
  justify-content: center;
}

This code is only applied on Home Page

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Thank you so much!!!

Link to comment
6 hours ago, emzjade97 said:

Thank you so much!!!

I made double ; on the previous code, I have just updated it

image.thumb.png.d7842375b0145159299f000f145eec15.png

Thanks!

Edited by bangank36

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.