Anemone

Try this new code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ setTimeout(function(){ $("h3.comment-count span").html(function() { return $(this).html().replace("Comments", "Notes"); }); $("span.comment-btn.sqs-system-button").html(function() { return $(this).html().replace("Post Comment…", "Post"); }); }, 5000); }); </script>

If you don't necessarily want the comment count then this code should work in config/design/custom css
 
h3.comment-count span {
    visibility: hidden;
}
h3.comment-count span:before {
    visibility: visible;
    content: "Notes";
}
It works on my site, I changed comments (0) to Have a comment? 

The code you are using is a very old version of my code from my guide, How to make some prices POA on Squarespace 7.1. If you take a look at the guide, you'll see that I updated it last year when Squarespace made changes to the page markup. The most recent version should work correctly 🙂
Did this help? Please give feedback by clicking an icon below  ⬇️

Add a Gallery Slideshow Section
Paste this code to Page Header
<style> figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; max-width: 80%; margin-top: 0; height: auto; } figcaption.gallery-caption.gallery-caption-fullscreen-slideshow h4 { margin: 0; } figcaption.gallery-caption.gallery-caption-fullscreen-slideshow a { background-color: white; padding: 10px 20px; margin-top: 20px; display: inline-block; border-radius: 50px; } </style> Next, edit each image > Enter this code to Description box
<h4>text text</h4> <a href="https://google.com">Read Out more</a>

@SunnyHung, I have a video on a workaround that allows you to add buttons to slideshows. 
 

Got it!
Thought I would share the code for a fullscreen slideshow caption overlay in case anyone else needs it.
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
p {
  font-size: 300%;
  font-weight:800;
   position: absolute;
  top: -400% ;
  background: rgba(0,0,0,0);
    color: white;
  }
}

I often have to share this guide. And I did link to the blog, but it's not very good, because the blog is not always stable.
So I post it here, so that when I need it, I can tell members to come in and see.
If your site is private or trial, you can setup password & share url for someone.
Click Settings

Next, Site Availability

Next, Password Protected > Enter Password > Save

Site URL: https://kistcreekcattle.squarespace.com
Hi,
I am trying to write css to put the slideshow caption over a slide image. I have been able to access the slide item in the slideshow and color the background of the caption text but I don't know how to put the caption text over the slideshow image. Can you help? Here is my css code: 
.gallery-slideshow-item-wrapper{opacity:0.4;}
.gallery-caption-slideshow
{background-color:rgba(0, 0, 0, 0.2)}
Attached is a image of what I am trying to achieve. The sitewide password to my site is :#Cattle. The slideshow I am playing with is the first slideshow under Horses For Sale. The second slideshow is what I am trying to do using an inline image that has this functionality in squarespace 7.1.
Thanks so much,
Margaret

Perfect! You are the best! I can tweak it from here.

Replace your .gallery-caption-slideshow ruleset with the following.
.gallery-caption-slideshow {   background-color : rgba( 0, 0, 0, 0.8 );   height : auto;   margin-top : 0;   padding : 0.5em;   position : absolute;   top : 50%;   transform : translateY( -50% );      } This is for v7.1 and specific to the posters need.
Let us know how it goes.

This is wonderful feedback! Thank you Ziggy!

Overall you have a nice website, it's very clean and sophisticated, with lovely illustrations! I would say that you are quite content light, especially on the homepage, which doesn't tend to be ideal for SEO or for someone want to learn about why they should hire you. If I was nit-picking, I you say that it would be nice if the white circles on hover were always circular (on wider screens they get stretched).

Where is the chat button? thanks!

thank you very much, i think it can work 🙂
 

hi:),
I can't find anywhere how to add a parallax effect to each image block within a page, only in background images in header or footer, but I wish I could have this effect on all images on pages
something like this :
ttps://cuberto.com/projects/flipaclip/

Hello @OldLadyStudio,
I received a response from SQSP team. They are currently investigating an issue with background videos and the engineering teams are prioritizing a fix for this as we speak.
For the time being, they suggested using a YouTube or Vimeo hosted video instead. So if you are experiencing this as well – apparently there's a high volume of reports for this issue – we may as well proceed with hosting videos on third-party webs.
I will continue to test from my end – I believe it will be resolved. 
 
Thank you.
 

Since the iOS 16 update my background videos have stopped working on iPhone. They were working perfectly before the update and I haven't changed a thing. They work fine on MacOS, iPad (iOS 15.6.1) and Android.
It would appear that this is a problem at the OS level on iPhone iOS 16 as I see exactly the same problem on different browsers, e.g. Safari and Brave, on the same iPhone. Both display the fallback image which isn't optimal given the device is not operating in low data or power mode.
Strangely, if I clear cache and web history for Safari on iPhone, the first time I visit the site the fallback image doesn't fully render into the space and leaves a black space beneath the image. If I close the tab and revisit the site the fallback image is fine.
The video files are small and less than 4Mb.
https://grahambrownmartin.com
I suspect it's either a bug in the latest webkit or something new to mitigate memory and power management.
I'd be grateful if anyone has a fix as I've run out of ideas

testg891
https://copper-cardioid-3n96.squarespace.com/new-page-1
Add to Design > Custom CSS
body#collection-62cdc9855f23e904323c45bd { figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper:after { background: #f4f6ea; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }}

Yes. Use Classic Editor will be easier. In Fluid Engine, to achieve hover with Image Blocks, will require a lot of code. If you want to achieve hover, consider Gallery Block, Gallery Section, List Section, Summary Block.

Unfortunately I gave up and reverted to just using a classic section and poster image blocks. Would love to see a solution for this on Fluid Engine though, as I use this functionality a lot 🤦🏽‍♂️
Working version is on adelska.com, the incomplete Fluid Section is still on https://bronze-sunfish-y8k7.squarespace.com,  password “hello” 

I used to insert images and then add title and subtitle text which meant it would look good regardless of what platform the site was viewed on...now I can't find an option to add a title and subtitle anymore.  Has it been made defunct?  Thanks.

The new art backgrounds on 7.1 inspired me to throw some pops of color to my website. Trying out all the new header options, the gradient made the most sense. 
It's now off-white gradient with a lot of blur, and extra drop shadow; using the built-in drop shadow along with a ghost plugins header drop shadow combined. I really like the look, and it fits well with any color theme I throw on the page!
 
https://www.pocketwriter.biz/ 

Hi - I love these new options and I would like to use the gradient on a new site I am building. However I'd like to increase the depth of the gradient. There doesn't seem to be a tweak for this so can anyone suggest some code for me? thanks so much 🙂

Oh.  I've just discovered you can go back to classic layouts/editor.  I've done that the way I'm used to and I think it's worked.