dantone1
Member-
Posts
12 -
Joined
-
Last visited
dantone1's Achievements
-
Cleaner page loading - Code block lazy loading?
dantone1 replied to dantone1's topic in Customize with code
I am using a workaround by using having an empty image block in a section above - which is fine for now, thanks -
Cleaner page loading - Code block lazy loading?
dantone1 replied to dantone1's topic in Customize with code
@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/ -
Cleaner page loading - Code block lazy loading?
dantone1 replied to dantone1's topic in Customize with code
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! -
tuanphan reacted to a post in a topic: Cleaner page loading - Code block lazy loading?
-
Cleaner page loading - Code block lazy loading?
dantone1 replied to dantone1's topic in Customize with code
thank you so much! -
Cleaner page loading - Code block lazy loading?
dantone1 replied to dantone1's topic in Customize with code
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! -
Add fading load animation transition to code blocks? pls help!
dantone1 replied to dantone1's topic in Customize with code
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? -
dantone1 started following Cleaner page loading - Code block lazy loading?
-
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
-
dantone1 reacted to a post in a topic: Active link styling
-
Add fading load animation transition to code blocks? pls help!
dantone1 replied to dantone1's topic in Customize with code
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 and footer colour not wanted - pls help!
dantone1 replied to dantone1's topic in Customize with code
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