Jump to content

Too much white space between text frames and image frames

Recommended Posts

On 11/1/2021 at 9:05 PM, Pomer said:

As I'm building a new website using one of templates, I encounter a lot of times that there is a huge white gap between text and images. There is no spacer frame that I can delete, neither can I move the text and/or image close to each other.

is there any way to remove all the huge gaps?

we can figure some custom css for this situation, would you mind to share your current site url?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 11/5/2021 at 5:27 AM, Pomer said:

Sorry! I did not realize that I don't get any notification when getting a response.

My site is not published yet (because of this issue), but is it possible to send you a link personally?

I 've check and found that the padding of content wrapper of each section has caused this issue

YoursectionID .content-wrapper{
  padding-top: 0 !important;
  padding-bottom: 3vw !important;
}

In addition of that, i suggest using  the  Squarespace ID Finder Extension to find the right section Id

Here is the way you can use it: https://recordit.co/Aj9vXw6rfY

Let me know how it works on your site

You can mark this as solution so it may be helpful for other too

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

I'm sorry I don't understand what the section ID is....

I started using Squarespace because I thought it was a easy website builder without those knowledge. Now it seems it's meant for semi-pro. 

Still I tried downloading the extension but really don't know how to use it..

Link to comment
1 hour ago, alexhales278 said:

My website is suffered with strange type of encoding characteristics problems. Can you please elaborate when it will be solve?

Hi guy,

Here are steps you can follow to set in your own site

1. Open the Squarespace ID Finder   on your site. Choose the section you want to set. Click the one you want to set

2. Apply remove padding in Home > Design > Custom Css

Hope it can help you a lot

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.