Jump to content

Removing white space

Recommended Posts

Site URL: https://www.enjoyleadingwithaboldvision.com/services

Hey guys,

I was wondering if it is possible to remove white space after headings for just one section/page on a website?

The design settings affects the entire website... In this case, should I add code blocks for this specific section and add CSS?

Thank you in advance for your help!

 

Screen Shot 2021-02-08 at 2.03.12 PM.png

Edited by mathildeeeeee
Link to comment

Add to Design > custom CSS

/* services white space */
div#page-section-600195c7281f270ab98d11dd {
h4 {
    margin-bottom: 0px;
}
p:nth-child(2) {
    margin-top: 1px;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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 2/26/2021 at 9:18 PM, mathildeeeeee said:

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

Have you solved all yet?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.