Expand blog padding(?) CSS

Hiya, 

Is there some CSS so I can can give my main blog page a bit of padding at the sides, so the posts don't go right to the edge of the screen/display? See photo. I know I can do this in site styles, but that does it for the whole website and I don't want that - thank you!

 

Can you share your website URL? Thanks!

Have you got the section on the page set to Full or Inset?

Hi @Ziggy,

It's https://triangle-chihuahua-l3ya.squarespace.com but I'm in the middle of making it so its not live.

Neither made a difference so it's on Inset et the moment.

Thank you!

Can you add a site wide password so I can see the website?

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

Hi @Ziggy, 

My site is live now if you want to have a look? https://www.jadeeleanor.com/blog

Thank you!

Hi @jadeeleanor try adding this to your Custom CSS:

.tweak-blog-basic-grid-width-full .blog-basic-grid {
    padding-left: 32px;
    padding-right: 32px;
}

Hope that works! Give me a thumbs up if you can, thanks!

Hi@Ziggy,

Thanks so much, that worked!

Hi @Ziggy, the code didn't work for me. Is that because it's a premium feature? Thanks in advance!

@amandaclairef Hi! You can add this code under Website > Pages > Website Tools > Custom CSS to add spacing on the sides of your main blog page. Adjust the number 6vw in the code to change the spacing on the sides.

#collection-64f7a34dac52a1528308a354 .tweak-blog-basic-grid-width-inset .blog-basic-grid {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
}

On 7/28/2024 at 7:33 PM, Lesum said:

@amandaclairef Hi! You can add this code under Website > Pages > Website Tools > Custom CSS to add spacing on the sides of your main blog page. Adjust the number 6vw in the code to change the spacing on the sides.

#collection-64f7a34dac52a1528308a354 .tweak-blog-basic-grid-width-inset .blog-basic-grid {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
}

Thank you! What should I change "6vw" to?