mrjack16

I've now added spacer blocks but notice the contents are still justified left which makes them off center. How can I center the text content within their containers?

I'm trying to get the code blocks at the top of the Contact section to center justify similar to the blocks on the Get Involved page. I can bring them in by placing spacers on the sides but they still don't center justify so they look off. I don't understand the use of flex box enough to make it work, assuming that's the best option for this. Any help or suggestions would be appreciated. Page: https://blenny-oarfish-24kk.squarespace.com/home/#contact-us Password: blenny

There seems to be a problem with background-attachment and background-size on iOS devices. For now I've just removed the background altogether on mobile. If anyone knows of a solution, I'd like to implement it later.

Can anyone tell me why my page background image isn't scaling on mobile? I'm currently using code: #collection-5c4a1df9575d1fe4bb06e353 .Main{background-image: url("https://static1.squarespace.com/static/5c478e47620b85be0b006e2b/t/5defdb6fa155287db41e9c05/1576000374889/staff_bg.jpg"); height:100%; background-attachment: fixed; background-position:center; background-repeat:no-repeat; background-size:cover; } Page: https://blenny-oarfish-24kk.squarespace.com/ourstaff Password: blenny

I was able to fix this by including flex-wrap. body#collection-5c4a1df9575d1fe4bb06e353 .sqs-gallery-block-grid .sqs-gallery-design-grid { display: flex; justify-content: center; flex-wrap: wrap; }

Ok got it. I thought that block was the side spacer so I wasn't even looking at it. Thank you!

I don't quite understand. I don't think these particular elements have a "block" ID. I can target .sqs-row but not just a single row by itself. The ID's for the rows are not static.

I'm trying to target some specific divs on my page but the div ID changes every time you reload the page. Is there a different static way to target these elements? Page: https://blenny-oarfish-24kk.squarespace.com/ourstaff Password: blenny I am targeting the row here but these are the ID's that change on every page load:

This does some weird things with irregular image sizing/cropping and isn't allowing multiple rows of photos.

https://blenny-oarfish-24kk.squarespace.com/ourstaff Password: blenny I need the staff photos to be center justified within the block/page.

By default the images in an image gallery block are left aligned. Is it possible to center the images instead?

Thank you, @tuanphan! I appreciate your help very much.

I'm 99% there... one more question, how that I have the margin and padding where I want it, what's the preferred method of getting everything centered on the page?

Nevermind, it came back. Sorry I think maybe my browser just needed to be reloaded.

I removed the line blocks that were separating each section and it broke the CSS I just added so the new style is missing. Is it the the "div#page-5c4b76d0898583b89b348bb0" or ".span-4" that changed? I don't know but I need to know how to update the CSS whenever I make changes to this page.