PatrickCapon

Thanks @Beyondspace, you got it first go! I think it must be an effect from our template, I certainly didn't code it to do that

@Beyondspace I modified your BlueSky code and it's working for my site, but I'd like to replicate the hover functionality that happens for the other social media icons. Are you able to help with that? Here's our site: https://www.biocommons.org.au/

Response from Squarespace Support copied below: Ollie S. (Squarespace) Oct 29, 2024, 1:52 AM EDT Hi there, Thanks for reaching out to us. My name is Ollie and I'm happy to assist you with this. I understand that you were unable to edit your event's button block through the pop-up editor. I've had a look into this, and it looks like your site is being affected by an issue on our end where some blocks can't be edited within the pop-up editor. Thanks for reporting this to us. Our Engineering teams are prioritizing a fix for this as we speak. For now, try using Safari or double-clicking on the button blocks to get the editors to open. To be clear, this is a temporary workaround, rather than a permanent fix for the issue. There are many variables that we test against before we release a fix, so we can’t provide an exact timeframe for a resolution. We can’t always follow up personally when a fix is released due to the volume of reports we receive for this issue. That said, these reports are crucial for us as we improve our platform. If you notice any other unusual behavior, please contact us again. If there's anything else you need assistance with, please don't hesitate to reach out to us again. We're always here to help. Kind regards, Ollie S.

Hi, on our website we often include button blocks within an event page - for example: https://www.biocommons.org.au/events/galaxy-top-tips6 When I go to edit the event page and the event page editing pop up box appears, I cannot access the editing dialogue box for the button blocks like I normally can on other page types. Is this a known issue? Also, when I add a new button block when using Google Chrome as my browser, I cannot even access the editing dialogue box for the new button block. I can access it on another browser like Safari though. Any help appreciated! Update: It turns out I can't access the edit dialogue box for a button block on a regular page type either

So simple! Thanks @tuanphan

Hi there, On my website I've written a little bit of html and popped it into a code block to create a box with text over it - see here https://www.biocommons.org.au/vision My problem is that the text indentation is different before and after the code block. See 'Vision' in header 2 style, vs 'Mission' in header 2 style. Anyone got some tips or ideas? Thanks!

Ok no problem, thanks

Thanks @tuanphan - so is the key here that we're setting the position relative to each individual block div, rather trying to make a site wide change? It's still not perfect for really small screens, but unless there's a way to set it to always be at 50% of the image height (i.e. ignore any text below the image), I think this will do

Hi, I have got custom code working on my site home page from several forum posts here to resize, recolour and reposition the carousel arrows. There are four carousel displays on the home page. I can't figure out how to set the arrows to always be center aligned with the carousel images. I can set them relative to the whole block height, but not the images used in the blocks. Any help appreciated! Site: https://www.biocommons.org.au/ Existing CSS (mostly from this post //modifying next and previous controls .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: center; position: relative; top: auto; // left and right settings ensure arrows are visible on page left: -15px; right: 15px; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; //color of arrows controlled here color: #3c726e !important; font-size: 16px; line-height: 16px; cursor: pointer; } //this block modifies the next arrow to be thicker .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E003"; text-align: center; display: inline-block; vertical-align: middle; } //this sets the size of the next arrow .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 48px; width: 16px; height: 32px; line-height: 32px; } //seems to have no impact .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px; } //this modifies the previous arrow to be thicker .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E000"; text-align: center; display: inline-block; vertical-align: middle; } //this sets the size of the previous arrow .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 48px; width: 16px; height: 32px; line-height: 32px; } //this moves the previous arrow to the left side of the page, rather than adjacent to the next arrow, and drops it to the 40% of the block height measured from the top .summary-carousel-pager .previous { position: absolute !important; left: -30px !important; right: inherit !important; top: 40% !important; } //this moves the next arrow to the same depth as the previous arrow .summary-carousel-pager .next { position: absolute !important; left: inherit !important; right: 0px !important; top: 40% !important; }

@ZEJA yep ours is still working. Just to be clear I turned off the toggle switch, so that our analytics cookies can drop whenever. Also there's comments from @TayloredData above about injecting your google tag manager code into your site, we already had that set up before the analytics drop occurred in March, but it would be worth looking into doing that if you haven't already.

@Beyondspace that's perfect, thanks! How did you figure out what the correct code was to use to target that box in particular? As in how did you know I needed to use this part .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-inside

Hi, I am trying to reduce the amount of padding around my image descriptions that are shown as an overlay within a gallery block, set to display as a slideshow. Mostly the part that I've circled in red in the screenshot, but it would be great if I could reduce the padding overall. I've also written custom CSS based on other posts in this forum that has got my background opacity set to 0.8 correctly, but the code that sets the opacity of the meta-description is not working. //Gallery block caption styling .sqs-gallery-block-slideshow .meta .meta-inside { background: #000000; opacity: 0.8; } .sqs-gallery-block-slideshow .meta .meta-description p { color: white; opacity: 1; } We are running 7.0 on the brine template, you can see the page in question here https://www.biocommons.org.au/home-copy @tuanphan you seem to have solved lots of these types of issues, any chance you know how to fix this one? Thanks!

Yes I think so - changing it as I mentioned immediately saw our traffic return to expected levels

Fyi I found this page of settings. Our checkbox for 'disable analytics cookies always' was selected. Unfortunately, I don't know if it was already like this before the start of March, or if it's due to a recent change on the Squarespace end.

Chiming in to say ours has also dropped to 0 since March 2nd. GA4 tag manager has an error message saying it is not receiving data, but the test connection function in GA4 says the connection is working. Has anyone discovered a fix yet?