PatrickCapon

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?