ywong Posted October 24, 2022 Share Posted October 24, 2022 (edited) Hi, I am currently building a portfolio page for my cinematography work. I would like to have a cover page with an image of each project and when you hover over the image, the title of project appears with a lightbox and it can clickthrough to another page about the project itself. * In the example image, I want the title 'CITY OF WOE' to only display when a mouse hovers over it instead of just appearing the whole time. I was also wondering how you could make the images full bleed without any spaces or gaps in between each image? Thanks in advance. Edited October 24, 2022 by ywong removed reference website for their privacy. Link to comment
Ziggy Posted October 24, 2022 Share Posted October 24, 2022 Can you share your website URL and site wide password? You should be able to do this with a portfolio page:https://support.squarespace.com/hc/en-us/articles/360035611791-Portfolio-pages Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
ywong Posted October 24, 2022 Author Share Posted October 24, 2022 My website url is yilinwong.com and dont have a site wide password I believe. Link to comment
ywong Posted October 24, 2022 Author Share Posted October 24, 2022 I've tried with the portfolio page, but it doesn't give me an option to display projects with 1 column on the 'Grid Overlay' layout. As the page is for cinematography work, I would like to display each project on a full wide if possible. Is that possible through CSS? Thank you . Link to comment
Ziggy Posted October 24, 2022 Share Posted October 24, 2022 How many work examples will you have? If it's not many, then forgoing the portfolio page and just having pages for the work, and a front page where you use images with an text block on top (if you're using Fluid Engine) or a poster block if you're using the Classic Editor. You can then have the text show on hover with some CSS. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
ywong Posted October 25, 2022 Author Share Posted October 25, 2022 Yes, I am looking for a CSS code that can help me create this feature. Link to comment
Ziggy Posted October 25, 2022 Share Posted October 25, 2022 If you set up the page as suggested, I can provide some CSS to achieve the effect you're going for. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment