Jump to content

Removing white space

Recommended Posts

  • Replies 7
  • Views 1.1k
  • Created
  • Last Reply
On 2/9/2021 at 9:18 PM, mathildeeeeee said:

thanks so much @tuanphan 🙂

I see on  tablet, the blog post content is narrow. Do you want to increase width?

https://www.enjoyleadingwithaboldvision.com/blog/4-reasons-entrepreneurship-is-crucial-to-a-middle-school-education

image.thumb.png.5a123fc955f608987e4e7bd2fb3355fb.png

and on mobile, pagination too big, do you want to reduce size/or remove pagination titles?

image.thumb.png.c9271d7ba73cc1b7d28fdfa9dd64cbba.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
  • 2 weeks later...
On 2/13/2021 at 4:20 AM, tuanphan said:

I see on  tablet, the blog post content is narrow. Do you want to increase width?

https://www.enjoyleadingwithaboldvision.com/blog/4-reasons-entrepreneurship-is-crucial-to-a-middle-school-education

image.thumb.png.5a123fc955f608987e4e7bd2fb3355fb.png

and on mobile, pagination too big, do you want to reduce size/or remove pagination titles?

image.thumb.png.c9271d7ba73cc1b7d28fdfa9dd64cbba.png

Hi @tuanphan, that would be great! Thanks for all your help!

Link to comment
On 3/2/2021 at 9:00 PM, mathildeeeeee said:

nope... would you mind helping me with this?

Add to Design > Custom CSS

/* increase blog post width tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div.blog-item-inner-wrapper {
    width: 90% !important;
}
}
/* remove pagination title mobile */
@media screen and (max-width:767px) {
body.collection-type-blog-basic-grid .pagination-title-wrapper {
    display: none !important;
}
}

 

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

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.