XianNewman

Amazing thank you @tuanphan!!! Not sure what happened to the previous code I had installed

This hides the CTA button from the mobile menu, which I definitely don't want to do. I want to hide the Google Reviews widget from the mobile menu... which this code snippet used to do, but doesn't anymore: @media (max-width: 1024px){ #eapps-google-reviews-6c531fd1-9bd5-4ab4-88d6-e677c4eb6f67 { z-index: 9 !important;} }

I wanted to hide it when mobile menu is displayed (using z-index), which used to work, but doesn't work anymore.

Thanks @tuanphan... I see you offered a different fix (moving the button). Good to know there's another option! Is the z-index fix (hiding the widget) no longer available on Squarespace?

Hi! This fix is no longer working on my site. Any idea how I can get it working again?

Sign into instagram and disconnect all Facebook personal accounts, business centre accounts, and other instagram accounts... then it should connect.

I'm getting this error. {"error_type": "OAuthException", "code": 400, "error_message": "Your account is connected to Facebook account, and your Facebook account's future off-Facebook activity is currently turned off."} The steps others have taken in this thread didn't seem to help. This didn't help either. Worth noting that the error message states that 'future off-facebook activity' (whatever that means) is OFF... Perhaps the instructions above are incorrect and they should be ON?

How would one remove pagination (not just hiding the links) so that all blog posts can be displayed on one page (instead of limiting to a few dozen, then a link to 'older posts')?

Site URL: https://liveyoga.ca/home-1 Hi there. I uploaded a custom video thumbnail with rounded corners... but it looks a little chopped off on the left and right. Some sort of padding squarespace is applying to video blocks? Any idea how to fix this?

This would crop the image... I'd like to display the full image, but smaller, if it's over a certain height.

Hi @bangank36 I applied this fix to risedigitalinc.squarespace.com/blog and it worked perfectly... however I've just uploaded my first portrait-style and I'm wondering if there's a way to set a maximum height of the blog item images so they don't appear so big on the blog page. Do you know?

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?