Blog post alignment

Site URL: https://www.poutacreative.fi/blogi

I have currently only one blog post. How could I move the cover image to center before I post more blog texts.

As inspecting the page is disabled this is a bit of a guess but try setting the left and right margins to 0. That might fix it depending on the parent's display properties.

Hope this helps and good luck

Unfortunately it didn't work. Inspecting is now possible again!

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.

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.