Adding Padding to Blog Collection Page

Site URL: http://www.simpledwelling.net

Hi everyone,

I'm looking to spruce up my website, and wanting to add some padding to the left of my Blog collection page, similar to what https://softervolumes.com/ has done to their 'Latest' section.

I don't want to the padding to be site wide, nor apply to actual blog posts, just the desktop version of the Blog collection page. Can anyone help with some code?

On 9/12/2022 at 1:46 PM, anthonyrichardson said:

Site URL: http://www.simpledwelling.net

Hi everyone,

 

I'm looking to spruce up my website, and wanting to add some padding to the left of my Blog collection page, similar to what https://softervolumes.com/ has done to their 'Latest' section.

 

I don't want to the padding to be site wide, nor apply to actual blog posts, just the desktop version of the Blog collection page. Can anyone help with some code?

With the padding on the left, which element on your site will be set sticky?

What is your current version of squarespace

On 9/17/2022 at 1:11 AM, bangank36 said:

With the padding on the left, which element on your site will be set sticky?

What is your current version of squarespace

I don't think I'd be able to add a text like the website I showed, however if there is a way, I'd love to know.

I'm pretty sure I'm running the latest version.

Do you mean adding a title on the left and the remaining content is on the right on the blog Collection page?

On 10/5/2022 at 10:22 AM, bangank36 said:

Do you mean adding a title on the left and the remaining content is on the right on the blog Collection page?

That would be ideal

On 9/12/2022 at 4:46 PM, anthonyrichardson said:

Site URL: http://www.simpledwelling.net

Hi everyone,

 

I'm looking to spruce up my website, and wanting to add some padding to the left of my Blog collection page, similar to what https://softervolumes.com/ has done to their 'Latest' section.

 

I don't want to the padding to be site wide, nor apply to actual blog posts, just the desktop version of the Blog collection page. Can anyone help with some code?

Wanting to bump this call for help with coding in some padding to only the Blog collection page on my website. While the example has padding on the left, I'd want to add sizeable padding to the right side of my page.

I don't necessarily need the 'sticky element' to site next to the collection anymore.

On 1/30/2023 at 3:42 AM, anthonyrichardson said:

Wanting to bump this call for help with coding in some padding to only the Blog collection page on my website. While the example has padding on the left, I'd want to add sizeable padding to the right side of my page.

I don't necessarily need the 'sticky element' to site next to the collection anymore.

Hi,

It looks like you changed layout. Do you still need help to add padding on this page?

On 2/2/2023 at 8:25 PM, tuanphan said:

Hi,

It looks like you changed layout. Do you still need help to add padding on this page?

Hi Tuanphan,

Yes please, still looking to add padding to the right-side of the blog collections page.

On 2/4/2023 at 4:50 AM, anthonyrichardson said:

Hi Tuanphan,

 

Yes please, still looking to add padding to the right-side of the blog collections page.

Add to Design > Custom CSS > then save & reload the site

@media screen and (min-width:768px) {
.blog-masonry.collection-content-wrapper {
    padding-right: 10vw !important;
}
}