Inline Image Caption can't be edited!

Site URL: http://carissatrianty.com

Hi there, I'm working to edit text captions within inline-formatted image block. I put the text on "Overlay on Hover". The texts are already there (I put them in a while ago). I just needed to edit them, but when I hovered over the image and the text pops up, it didn't allow me to edit it. The cursor barely changes to editing cursor and remains on "Grabbing" one. I've been trying to deal with this for the whole day now and found nothing as a solution it's so frustrating. I did inject a code but it was only to style the overlay.

Mind you that I put the images together not on a Gallery spec but as individual image blocks all put together. And last time I checked, my version is on Squarespace 7.0.

Also, the edit image window seems to be more simplified than last time. The last window was so much bigger and offered many options, but this one was a lot smaller with only limited functions. Is this part of Squarespace changes? Is there a broken code? I just needed to edit the caption. Any help would be Kindly appreciated. Thanks so much!

Have you tried commenting out any custom code to see if it is interfering with the editing?

What happens if you create a test page in the not linked area and put an image block there styled like the problematic ones? Do you have the same issue?

Thanks! I tried removing all custom codes and it worked like a charm! I could edit my captions again.

Except now I just needed to find a similar code that doesn't interfere with the editing.

When I run into a situation like this my first step is to comment out all the code and then turn on one ruleset at a time to determine where the issue is occurring. Sometime it's just one ruleset. Other times it can be a combination.

It may be possible to salvage your ruleset(s) with the use of the not selector ( :not( .sqs-edit-mode ) ).

If your CSS is short you can throw it up here and we may be able to spot the issue if you can't trace it down.