dantone1

I am using a workaround by using having an empty image block in a section above - which is fine for now, thanks

@tuanphan I have managed to solve by just using inline image blocks and adjusting the description margin/padding... but a new issue had appeared on a couple of pages... Section height set to '0' used to look great for top sections as it sat was in-line with the bottom of the header. suddenly it has started displaying the top of the top section below the header? any idea how i can solve this please? https://www.dantonedesign.com/

Hi @tuanphan, sorry im back again - its not quite working yet. The goal visually is for it to look like below (please see for desired image title spacing) - The image swap doesn't seem to work when i set the image block to 'Stack' - is there any code tweak that would get the image swap to work with image stack? https://www.dantonedesign.com/ thanks for all the help so far!

thank you so much!

Thanks! - that works as a generic hover image swap for image blocks on the home page How can I now make this work for specific blocks so they change to specific images please? Huge thanks in advance!

Hi - sorry for the very slow response! would love to try the image block image swap effect, please. any suggestions for code to do this?

Hi, I have built my portfolio website home page so that it is a grid of different colored rectangles, on hover each colour reveals an 'teaser' image from the project. This is currently achieved using code blocks with an 'image swap' setup. Annoyingly it doesnt load very nicely - its glitchy and there is no fade in. Ideally, I would like each page to 'lazy load' cleanly, with no flicker, in a similar way to the Instagram grid on the play section of my website (which is an Instagram grid block and the default fade-in is very nice) Any suggestions or help would be hugely appreciated please! https://www.dantonedesign.com/ Dan

Dan! Thanks for the response, and fantastic name. sorry im pretty new to the custom coding, please could you explain how i can do/install 'Scroll Reveal'?

Site URL: https://www.dantonedesign.com/ Is there a way to add fading load animation transition to code blocks? Basically, I want the 'colour swatches' for each project on the home page (https://www.dantonedesign.com/) to load smoothly, in a similar way to the instagram lazy-load-style fade in, visible on this page (https://www.dantonedesign.com/play) - in other words, i would like the code blocks used for the project 'swatches' to fade in, the same way an image block does if you add a SQSP fade in animation. so the website looks smoother when changing pages. Any help would be amazing, thanks in advance! 🙂 Dan

header turns blue on scroll when scrolling down the project pages with images (eg the color line project) - images have a blue bg behind them as they load

Site URL: https://www.dantonedesign.com/ Not sure where this has come from but i cant seem to get rid of the colour at the top and bottom of page - have tried changing top section BG colour to white (as header is dynamic) - but no luck... same thing has happened with the footer Have tried this but didnt solve: ......... body { background: white !important; } ..... https://www.dantonedesign.com/ Thanks in advance

Hi, this code doesnt seem to work on my site, able to help pls? https://tangerine-coconut-kfnn.squarespace.com/ pw: welcome123