Jump to content

Way to make section dividers affect image blocks?

Recommended Posts

I am trying out the new section dividers feature, but found that it doesnt apply to image blocks.

I have images with a flat looking base so it looks fine without dividers or directly above flat lines, but when I try to add a wavy divider for instance, the divider will start a few blocks below the image block, it makes it look awkward and disconnected.

Would anyone have a solution for this? For now I have tried this code below, but I am unsure if it is the correct way to go.

section[data-section-id="6429ab8f542c23222581a71e"] .content-wrapper {
    padding-bottom: 0 !important;
}

.image-block-wrapper { max-height: 100% !important; }

Screenshot 2023-04-05 at 1.51.42 AM.png

Screenshot 2023-04-05 at 1.52.21 AM.png

Link to comment
  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 4 weeks later...

Hi, i have the same problem, i would like to have a divider on my slideshow, but i am getting white space under the images... 

 

can i remove this white? 

just want the dividers on the photo's...

 

Friendly regards, 

C

Screenshot 2023-04-30 at 02.12.59.png

Link to comment
On 4/30/2023 at 7:13 AM, cmv said:

Hi, i have the same problem, i would like to have a divider on my slideshow, but i am getting white space under the images... 

 

can i remove this white? 

just want the dividers on the photo's...

 

Friendly regards, 

C

Screenshot 2023-04-30 at 02.12.59.png

Can you share site url?

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
  • 4 weeks later...
On 5/29/2023 at 1:43 AM, Zenly said:

Hello. I have the same problem. The page is currently in a trial account to test prior to subscribing. 
https://oarfish-alligator-bhhc.squarespace.com/config/
image.thumb.png.2c550803673df0070098d0a538e6d8de.png

What is password?

image.png.561bd48927231c880e1482baf5ce22b3.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 months later...
On 8/18/2023 at 1:12 AM, lainecarlsness said:

Hello. I'm having the same issue with my site:

https://goose-gecko-nwya.squarespace.com/about

Thanks!

 

Laine

Which section are you referring to?

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
  • 1 month later...

I'm having this same issue. There is the green background appearing around the image along the divider, I want to get rid of the green and have the divider cut across the top of the image. I had to remove the effect for now because it looks really bad to show to clients, but we want to have the divider go across the image like the top image has.

https://prism-grouper-th8k.squarespace.com/

pw is "puntagorda"

Screen Shot 2023-09-22 at 12.10.38 PM.png

Link to comment
On 9/23/2023 at 12:15 AM, vireshwara said:

I'm having this same issue. There is the green background appearing around the image along the divider, I want to get rid of the green and have the divider cut across the top of the image. I had to remove the effect for now because it looks really bad to show to clients, but we want to have the divider go across the image like the top image has.

https://prism-grouper-th8k.squarespace.com/

pw is "puntagorda"

Screen Shot 2023-09-22 at 12.10.38 PM.png

Hi,

Did you figure it out?

image.thumb.png.781832aca7805dde7571ed4b3e0d3de4.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

Have to remove it again to show the clients, unfortunately I still haven't figured it out. Here's how its looking before I remove the dividers to give to clients. I am still wishing these dividers could go over and across the photo, like the top video does, and now show the green background.

Punta-Gorda.png

Link to comment
On 9/29/2023 at 1:16 AM, vireshwara said:

Have to remove it again to show the clients, unfortunately I still haven't figured it out. Here's how its looking before I remove the dividers to give to clients. I am still wishing these dividers could go over and across the photo, like the top video does, and now show the green background.

Punta-Gorda.png

You can duplicate a page or duplicate a site, enable it then share url, we can check easier

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
  • 1 month later...

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.