Reduce horizontal padding on blog posts

Site URL: https://lizard-lily-axxj.squarespace.com/gallery

Working with a page with a narrow design, I find there is just to much padding on 7.1. Know how to reduce this vertically and in sections, but can't find the option on blog posts.

First: Too much padding between the menu and the photo. 

Then too much padding both between categories and text (blog content) and categories and the footer / next blog post arrow.

How to reduce this?

Ps: I have a css removing the title and moving the metadata below the blog content.

https://lizard-lily-axxj.squarespace.com/gallery (please open a blog post) - password: heggholmenfyr

Add to Design > Custom CSS

.blog-basic-grid.collection-content-wrapper {
    padding-top: 10px;
}

23 hours ago, tuanphan said:

Add to Design > Custom CSS

.blog-basic-grid.collection-content-wrapper {
    padding-top: 10px;
}

 

Sorry, but this did nothing. Maybe because I have the other code??

https://lizard-lily-axxj.squarespace.com/gallery/thekingsoaks - here is direct link to where I want the changes to be - password: heggholmenfyr

This is the code that is already there to remove title and move metadata to beneath the content

.blog-item-wrapper .blog-item-inner-wrapper {
    display: flex;
    flex-direction: column;
}
/* title */
.blog-item-top-wrapper {
    order: 2;
}
/* image */
.blog-item-content-wrapper {
    order: 1;
  padding-top: 10px;
}

article .entry-title {
    display: none;}

try

.blog-basic-grid.collection-content-wrapper {
    padding-top: 10px !important;
}

On 2/6/2021 at 9:04 AM, tuanphan said:

try

.blog-basic-grid.collection-content-wrapper {
    padding-top: 10px !important;
}

 

Still nothing 😞

21 hours ago, mathildenicoline said:

Still nothing 😞

Try  this

.blog-item-wrapper article.entry {
    padding-top: 1px !important;
}

On 2/9/2021 at 1:34 PM, tuanphan said:

Try  this

.blog-item-wrapper article.entry {
    padding-top: 1px !important;
}

 

Thank you! This finally fixed it, added a padding-bottom and now it looks so much better!

I really do not know how to reduce the padding between menu and categories. I feel like I have tried everything. 

2 hours ago, aly0209 said:

I really do not know how to reduce the padding between menu and categories. I feel like I have tried everything. 

What is shop page url?

https://halibut-sunflower-lclg.squarespace.com/config/pages

On 7/23/2022 at 6:19 PM, aly0209 said:

https://halibut-sunflower-lclg.squarespace.com/config/pages

Hi. Config is admin url.

You can access Pages > Then hover on Shop Page on Main Navigation or Not Linked > Click Gear icon > Look at URL Slug.

Hi , URL slug is - all-new-in-1 

I am super new to all this site building and so mot quite sure if the info. I am sending are the ones you need. All I want is to reduce the padding between Main Menu and the Categories. 

On 7/28/2022 at 6:20 PM, aly0209 said:

Hi , URL slug is - all-new-in-1 

 

I am super new to all this site building and so mot quite sure if the info. I am sending are the ones you need. All I want is to reduce the padding between Main Menu and the Categories. 

 

Your site is private. Can you setup an access password?

https://halibut-sunflower-lclg.squarespace.com/all-new-in-1?noredirect

I have managed to fix it! thank you very much 🙂

Hi,

I'm really struggling with the images inside blog posts. 

1. I would like them to be a bit smaller than the default squarespace size (they are huge!) and this works but only in the desktop view, they are tiny on the phone:(

.sqs-block-image
{
transform:scale(.8);
}

2. I would also like to reduce the padding between the text and the images but I noticed that the code below works only without the one adjusting the size of the images 😔

.collection-type-blog.view-item .image-block {
    padding-bottom: 0;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0;
}

Is there any way to have it all?;)

Many thanks

https://patasyladridos.com/blog/blog-post-title-one-lzglc

On 4/24/2024 at 12:21 AM, Yenna said:

Hi,

I'm really struggling with the images inside blog posts. 

1. I would like them to be a bit smaller than the default squarespace size (they are huge!) and this works but only in the desktop view, they are tiny on the phone:(

.sqs-block-image
{
transform:scale(.8);
}

2. I would also like to reduce the padding between the text and the images but I noticed that the code below works only without the one adjusting the size of the images 😔

.collection-type-blog.view-item .image-block {
    padding-bottom: 0;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0;
}

Is there any way to have it all?;)

Many thanks

https://patasyladridos.com/blog/blog-post-title-one-lzglc

#1. The url doesn't work. But if you want the code run on desktop only, you can change code to this

@media screen and (min-width:992px) {
.sqs-block-image
{
transform:scale(.8);
}
}

#2. The url doesn't work.