sosofofia Posted June 22 Share Posted June 22 (edited) Hey Squarespacers! I'm taking my chances that there's someone with more coding experience than me that can help me customize a Squarespace portfolio template. What I want to keep: A portfolio landing page section with a paragraph of text where some words are links leading to the full project. See my website at sofiawiklander.com or ref image 1. What I need help with: I want unique full-bleed gifs or videos to appear whenever I hover over one of the links in the landing page paragraph. (See ref gif) The simplest solution I can come up with is to create a "Portfolio page" with the layout Hover: background (see ref img 2) and customize the project links into a paragraph like the one on my current website, but I'm open to other ways too. Edited June 22 by sosofofia Made some clarifications antovicodg 1 Link to comment
tuanphan Posted June 25 Share Posted June 25 Hi, You can use Portfolio Page. Then if you need to change links to custom url, we can give the code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sosofofia Posted June 25 Author Share Posted June 25 Tuanphan, I don't think the problem is changing links to a custom url, it's that the portfolio template does not allow me to customize the format of the "textbox." Instead of the list, I want a paragraph where some words are linked (like on my current landing page). Do you know what custom code I need to do that? Link to comment
Solution tuanphan Posted June 27 Solution Share Posted June 27 On 6/26/2023 at 4:58 AM, sosofofia said: Tuanphan, I don't think the problem is changing links to a custom url, it's that the portfolio template does not allow me to customize the format of the "textbox." Instead of the list, I want a paragraph where some words are linked (like on my current landing page). Do you know what custom code I need to do that? I wrote a quick guide here. You try following and let me know. Require: Business Plan or higher Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sosofofia Posted June 27 Author Share Posted June 27 Thank you so much for taking the time to help me with this, Tuanphan—you're amazing! Link to comment
sosofofia Posted June 27 Author Share Posted June 27 (edited) Is it possible to change the highlighted in red img tag to video? Or would I need to make big changes to display a background video instead of img? /* seo - marketing */ .link3 .section-background img { content: url(https://cdn.pixabay.com/photo/2023/06/01/13/07/annas-hummingbird-8033578_1280.jpg); Edited June 27 by sosofofia Link to comment
tuanphan Posted June 28 Share Posted June 28 5 hours ago, sosofofia said: Is it possible to change the highlighted in red img tag to video? Or would I need to make big changes to display a background video instead of img? /* seo - marketing */ .link3 .section-background img { content: url(https://cdn.pixabay.com/photo/2023/06/01/13/07/annas-hummingbird-8033578_1280.jpg); You can consider using Gif image instead. With video we will need to adjust more I Haven't tried, but my ideal is Add some video blocks behind the text Hide all initial When the Hover each text will display the video corresponding to the video. (But the video will not automatically play) If you still need this, let me know, I will try testing code. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sosofofia Posted July 11 Author Share Posted July 11 tuanphan, thank you for offering! I'll stick with the gifs for now. Thank you so much! tuanphan 1 Link to comment
tuanphan Posted July 15 Share Posted July 15 Have you solved yet or still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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