mrjack16

Thank you! I think this will take care of it.

When using the image card block, the only available image positions are left and right. Is it possible to also use top and bottom?

Site URL: https://www.hpch.org/home/#contact-us We're starting to get some spam on our contact form. Are there any ways you might suggest to help prevent this?

Thank you. That's just what I was needing.

Site URL: https://hpch.org I've added a "live stream" button to my secondary navigation but would like to change the color and also the padding (I think that's the correct way to make the button perfectly round?) I can locate the #yui object and style it but it seems that the ID changes each time the page loads. How can I permanently target this item in CSS? Bonus points if anyone can suggest a way to animate the button with a pulse effect.

Is it possible to define new paragraph styles in addition to the default H1, H2, H3, etc?

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.