Split Screen Map and image

Site URL: https://www.mesaplazalaundromat.com/

Hi there,

I'm having trouble figuring out how to put a square size map block next to an image block with no space in between. I'm going to make the image block a color, so the edges of the map and the image block have to match up perfectly and both full-bleed to the edges of the site. All the code I find is to make a split-screen with an image card, but nothing with the map. Pleasee help!

Password to site is "Peanuts"

On 8/6/2021 at 7:59 AM, Auzday said:

Site URL: https://www.mesaplazalaundromat.com/

Hi there,

 

I'm having trouble figuring out how to put a square size map block next to an image block with no space in between. I'm going to make the image block a color, so the edges of the map and the image block have to match up perfectly and both full-bleed to the edges of the site. All the code I find is to make a split-screen with an image card, but nothing with the map. Pleasee help!

Password to site is "Peanuts"

Hi. You can add both blocks, then let me know. We can give the code to remove spacing around these blocks to achieve your desired layout.

I have the blocks on there. Thanks!!

I also don't know how to get "Address" that's on the blue image block to go to the line above. Squarespace support isn't sure why it's doing that. It adjusts to the line below with the address. Any help is appreciated. Thanks!

https://www.mesaplazalaundromat.com/drop-off-service

Actually it's on this duplicate website now

https://seabass-magnolia-xm7l.squarespace.com/drop-off-service

Password is still Peanuts

On 8/10/2021 at 12:49 AM, Auzday said:

Actually it's on this duplicate website now

https://seabass-magnolia-xm7l.squarespace.com/drop-off-service

Password is still Peanuts

Add to Design > Custom CSS

/* Image map */
[data-section-id="6110159d0abbec0324bccf8c"] .content-wrapper {
    padding: 0px !important;
}
[data-section-id="6110159d0abbec0324bccf8c"] .sqs-block {
    padding: 0px !important;
}
html, body {overflow-x:hidden;}

Thanks! It doesn't seem to fill the whole width of the website. It helped with the space in between the boxes, but I wanted it to fill out that whole area. And I can't figure out why the word "Address" in the blue image box keeps going to the next line. Thanks for your time!

On 8/21/2021 at 1:50 AM, Auzday said:

Thanks! It doesn't seem to fill the whole width of the website. It helped with the space in between the boxes, but I wanted it to fill out that whole area. And I can't figure out why the word "Address" in the blue image box keeps going to the next line. Thanks for your time!

https://seabass-magnolia-xm7l.squarespace.com/Fdrop-off-service?noredirect

Can you check url?