wonderpiece

as always tuanphan saving the day. that little plus sign hidden in the gallery "upload media" area is sneaky. i absolutely missed it & would only have found it from your loom video. huge thanks!

Hi,
Carousel like this video?
https://www.loom.com/share/1445342a85374da6878efa61cc8aa255

Hello
 
I have a search on my development website. I have named the images throughly so I thought that when a person searched for 'kitchen' for example it would bring up all the places where kitchen images where - alas it does not. Where can I put the tags so that search picks them up please?

Hello, this code does not work for me , however the code below worked, but it does not remove footer of the page, only removes header.  Is there a code to remove footer as well?  Please and thank you.
<style>
header#header {
  display:none !important;
}
</style>

Thanks @paul2009!

Yes @wonderpiece, take a look at Connecting a subdomain to your Squarespace site.

Remove above code & use this new code
figure.gallery-grid-item .gallery-grid-image-link:after { content: ""; background-color: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; transition: all 0.2s ease; } figure.gallery-grid-item:hover .gallery-grid-image-link:after { opacity: 1; transition: all 0.2s ease; }  

Use this CSS
footer.sections input.newsletter-form-field-element.field-element { padding-top: 5px !important; padding-bottom: 5px !important; font-size: 14px !important; }  

Hi @laurenruth1,
This should get you close. You can play around with the opacity value to make it more or less opaque:
.gallery-grid-item-wrapper:hover img { opacity: 0.3; }  

Thank you @inside_the_square!  Your CSS from 2020 worked great for me in 2022 : )

Add to Home > Design > Custom CSS
.sqs-block-newsletter .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 10px !important; padding-bottom: 10px !important; }  

Add to Design > Custom CSS
/* newsletter padding */ .newsletter-form-footnote { display: none; } div#block-yui_3_17_2_1_1641498071156_8910 { padding-top: 0px !important; }  

Hey @deirdrep - sorry this answer is a bit late but I am just now hopping back into the forums! Anywho, if you still need the code, this button will keep it active on all breakpoints and hide that hamburger for ya. Hope it helps! And let me know how those margins/paddings look after you try it; depending upon the size of the text in your button we might need to finesse this fit a little... keep me posted! 🙂
 
.header-burger {display: none!important} .header-actions .btn, .header-actions .header-actions-action--cta {display:flex!important; visibility:visible; margin:auto!important; order: 2!important;}  

Paul2009 - that worked great - thanks!! 😇