Jump to content

remove white space between header and blog content / between blog content and footer

Recommended Posts

  • Replies 7
  • Views 1.1k
  • Created
  • Last Reply
On 4/19/2021 at 9:29 PM, kristobans said:

Brilliant. Thank you! 

I see the site has some small problems. Do you want to fix these?

Site URL: https://www.thefuturefounder.com/

1. (Tablet-Posts) Increase text width?

thefuturefounder_optimized.com-01.png

2. (Mobile-posts) Make meta same line or remove “|”?

thefuturefounder_optimized.com-02.png

3.(Tablet-Homepage) Align posts – site title?

thefuturefounder_optimized.com-03.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
3 hours ago, tuanphan said:

I see the site has some small problems. Do you want to fix these?

Site URL: https://www.thefuturefounder.com/

1. (Tablet-Posts) Increase text width?

thefuturefounder_optimized.com-01.png

2. (Mobile-posts) Make meta same line or remove “|”?

thefuturefounder_optimized.com-02.png

3.(Tablet-Homepage) Align posts – site title?

thefuturefounder_optimized.com-03.png

Hey. Yes, please. Thank you so much for checking this. 

1. Yes to this. (Tablet-Posts) Increase text width? 

2. Yes to this. Can you make meta the same line please? (Mobile-posts) Make meta same line or remove “|”? P.S It looks ok on my iphone XR. Image in the attachment. Not sure what does it look like on android devices. 

3. Yes to this. (Tablet-Homepage) Align posts – site title?

Thanks again for helping me. 

 

25F4C98A-231C-41BB-9BF0-CE33075A8D41.png

Link to comment

Q1. 3. Add to Design > Custom CSS

/* Tablet issues */
@media screen and (max-width:991px) and (min-width:768px) {
/* blog posts width */
div.blog-item-inner-wrapper {
    width: 100% !Important;
}
.blog-item-wrapper article.entry {
    padding-left: 6vw;
    padding-right: 6vw;
}
/* align homepage */
body.homepage article .content-wrapper {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
}
.blog-basic-grid.collection-content-wrapper {
    padding-left: 0;
    padding-right: 0;
}
}

image.thumb.png.a2022a34e3a8a9a41b5a6bcccd4a4db2.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
13 hours ago, tuanphan said:

Q1. 3. Add to Design > Custom CSS


/* Tablet issues */
@media screen and (max-width:991px) and (min-width:768px) {
/* blog posts width */
div.blog-item-inner-wrapper {
    width: 100% !Important;
}
.blog-item-wrapper article.entry {
    padding-left: 6vw;
    padding-right: 6vw;
}
/* align homepage */
body.homepage article .content-wrapper {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
}
.blog-basic-grid.collection-content-wrapper {
    padding-left: 0;
    padding-right: 0;
}
}

image.thumb.png.a2022a34e3a8a9a41b5a6bcccd4a4db2.png

Hey. Brilliant. Thank you so much. It all looks perfect now. 

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.