XianNewman

Wasn't able to figure it out, so went in a different direction. Thanks anyways!

@tuanphan any idea how to solve this?

Thank you, @tuanphan. I tried this approach before, and it didn't work. Here's the problems: 1. Theres no/minimal padding between the sections. My friend wants normal section padding (he only wants to alter the padding between the image blocks). 2. The spacing around between the image blocks should be 5px. 3. In mobile view, there's a problem with the right margin. Image uploads aren't working right now, so I recording a short video to explain, instead: https://www.loom.com/share/393e04760d4c45ab9decb3ab62f91a24

Site URL: https://desormeaux.squarespace.com Hey everyone. Helping a friend get his real estate website off the ground. I've used custom CSS to get the home page layout he's after: near full-bleed images (with uniform 5px spacing on all sides). desormeaux.squarespace.com/home (password: realtor) Problems: The code I've applied has adjusted the vertical padding of each section - I only want to impact the spacing around the image blocks. On mobile, the page can be panned left/right (as if there's content off the right edge of the page - something with the margins is off) The code I've applied has a lot of fat I think could be trimmed to make the page load more efficiently. Anyone know how to do this right? 😂 Here's the code I've applied: <style> /*buy sell section*/ section[data-section-id="60e9c627b630645a0efcd2d9"] { margin: 20px; } section[data-section-id="60e9c627b630645a0efcd2d9"] .content-wrapper { margin: 5px; width: 100%; max-width: 100%; padding: 5px !important; } #block-yui_3_17_2_1_1625934021518_9588.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625934021518_10525.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } /*communities section*/ section[data-section-id="60e9d42db6736875596e18bb"] { margin: 20px; } section[data-section-id="60e9d42db6736875596e18bb"] .content-wrapper { margin: 5px; width: 100%; max-width: 100%; padding: 5px !important; } #block-yui_3_17_2_1_1625937885947_14138.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_5348.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_7440.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_9589.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_11205.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_12618.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } </style>

@Jo_SQSP I'm trying to use a promotional pop-up for 'housekeeping' purposes and want the button to simply close the pop-up after the visitor has accepted terms/verified age/etc. I've tried entering # as the address the button links to, and leaving it blank. Upon clicking the button, it opens the current page in a new tab. Since you made this suggestion, can you please share with us how to make it work as you described? Thanks!

You can also change the class to collection-type-events to target event pages.

Noticed this on a client site this morning. Totally agree with @kerstinmartin - it's bonkers! Thanks @paul2009 for the recipes 😂

Worked, thanks!

I don’t want to change the colour on the blog page itself; only blog item pages.

Here's the code I wound up using, that did the trick: // header title .header-title-logo a:after { content: "JOHN ALDAG"; display: inline-block; font-size: 24px; font-family: Lato; color: white; text-align: center; vertical-align:middle; font-weight:900; padding-left: 20px; } .header-title-logo img { vertical-align: middle; } @tuanphan My only question is, how would I make it a different font colour on blog item pages only?

Didn't think so. I suppose I can live with it as it is. Functionality > Style, right? 😂

That's amazing! I've never used a tool like that before. Now that I've embedded it, can I customize the styling for my site only (i.e. change the colour of the text fields, field, text, button, button text?

Site URL: https://johnaldag2021.squarespace.com Anyone up for a challenge? I have no idea if this can even be done. I want to lift the Commit to Vote form on this site and embed it nicely (albeit on a transparent background not a red block) into this Squarespace site (password 'win'). Is this even possible?! 🤯

Ahhhh.... I see what you're doing here. Just installed the code and am testing it out. So far, so good! Do you think I should I adjust all the banner text to the same width for consistency?

Thanks for the feedback. All of these are automatically formatted by Squarespace. 2. I meant for them to be centred. 1, 3-8. All of these are automatic responsive adjustments by Squarespace. In mobile, desktop, and tablet landscape, they look good. In tablet portrait, not so good. Any recommendations to fix without messing up desktop styles?