joseph-john-herbert

Hi @tuanphan, I was also looking to do something similar with the Grid: Strips Galleries on my site - to have different Row-Heights between the mobile and desktop versions, to customise the number of pictures that appear on each. For example, on this page: https://www.josephjohnherbert.com/home/fishermen-of-negombo I'd like to have the row-height on the desktop version to be 475, whereas on mobile I'd like it to be 145. I attempted a coding solution, but obviously it failed haha // Test @media screen and (max-width: 640px) { section[data-section-id="643f28548712a303c89e35ca"] { row-height: 145; } } Cheers 🙂 Joseph

I only have a Personal Plan with Squarespace, so it looks like access to this extra code injection would cost me an additional ~£60 🫤. Is there alternative code using CSS, that would produce a similar effect? Cheers 🙂

I've re-entered the code from your initial post and linked #read-more to 'read more' text in my paragraph, but the custom CSS still throws up the error "missing opening '{"

Of course. www.josephjohnherbert.com is the homepage I'm trying to condense the text on each of the projects, for example: www.josephjohnherbert.com/home/tea-pickers-of-nanu-oya

This is the @Beyondspace post I was referring to. The coding and method is described here.

Hi all! My photography website is comprised of many project which start with a block of text. This text is often quite lengthy and on mobile devices, takes up the whole screen. Here's an example: https://www.josephjohnherbert.com/home/tea-pickers-of-nanu-oya I'm ideally looking for a clean way to hide a chunk of the text, which can be revealed by clicking 'read more'. Rather than a button, I'd prefer it to just be text. The solution posted in 2022 by @Beyondspacedoesn't seem to work with the current 2023 Squarespace engine, throwing up the code error 'missing {' I'd love to diagnose this issue myself, but I'm rather clueless when it comes to coding, beyond basic HTML. Many thanks Joseph