Guest Posted April 16, 2021 Share Posted April 16, 2021 Site URL: https://www.thefuturefounder.com/ How can I remove white space - between header and blog content and also between blog content and footer? Pictures in the attachment. Link to comment
tuanphan Posted April 19, 2021 Share Posted April 19, 2021 Hi. Add to Design > Custom CSS /* spacing */ .blog-basic-grid.collection-content-wrapper { padding-top: 1px; padding-bottom: 1px; } 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
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 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? 2. (Mobile-posts) Make meta same line or remove “|”? 3.(Tablet-Homepage) Align posts – site title? 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
Guest Posted April 21, 2021 Share Posted April 21, 2021 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? 2. (Mobile-posts) Make meta same line or remove “|”? 3.(Tablet-Homepage) Align posts – site title? 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. Link to comment
tuanphan Posted April 23, 2021 Share Posted April 23, 2021 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; } } 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
Guest Posted April 24, 2021 Share Posted April 24, 2021 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; } } Hey. Brilliant. Thank you so much. It all looks perfect now. Link to comment
tuanphan Posted April 25, 2021 Share Posted April 25, 2021 20 hours ago, kristobans said: Hey. Brilliant. Thank you so much. It all looks perfect now. Q2. You can check. If you need help, we will check & give the code 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.