Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Blog post alignment


ilonapoutanen

Question

  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

Thanks for this.

It's as I suspected the parent of the element you want to center has the following css, which creates a "container" with 3 columns of equal width (the bold part of the code snippet)

.blog-basic-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-column-gap: 30px;
    grid-row-gap: 100px;
    grid-auto-rows: min-content;
}
This results in the layout below.

image.thumb.png.c703de941889cee750b3283cc3029523.png

 

To achieve the layout below, you will need to add to the css the relating to that specific <article> element. This should do the trick:

.blog-basic-grid > article {
grid-column: 2/3;
}
However there might be subsequent issues if you were to add additional <article> elements at a later stage. Also the above code snippet might well cascade throughout the whole site, which might not be what you want, so best to check other pages. (I'm not a squarespace expert, so am not familar with the code base)

Hope this is of some help. Good luck.

 

image.thumb.png.f35b216db053334f10c05fffe258833b.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...