Jump to content

brendanmcd22

Member
  • Posts

    8
  • Joined

  • Last visited

Everything posted by brendanmcd22

  1. @Beyondspace wow, thank you so much for such a detailed tutorial! Definitely would like to try that out. The lightbox plugin requires a business-level squarespace account or higher, correct? I currently have the personal/basic plan.
  2. Also, maybe I should have been more clear in my original post, but if I were removing the video description text on mobile, I'd also like to remove the black box that appears over each video block (it's difficult for the user to watch with the video with the black box appearing over top of it).
  3. @Lesum thank you so much! The bottom code worked for disabling the video descriptions on mobile, but the top code did not work for moving descriptions below the video, the hover effect remained as before. Any idea why that may be? I deleted my previous code and replaced it with what you suggested.
  4. Hey there, Looking for some help with keeping custom code to desktop view only. I currently have code set to reveal the video description when a user hovers over that video block. I like how this looks on the desktop view and want to keep it, but it doesn't work well on mobile. For mobile only, I'd like to either remove this so no description is visible or have the description visible below each video block. My page is: www.brendanmcdonnell.net/work-test (p - password) and the code I'm using currently is pasted below. Thanks in advance for any help! /* Reels video overlay */ .video-caption-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; color: white; font-size: 16px; z-index: 50000; pointer-events: none; opacity: 0; transition: all 0.3s; } .video-block .intrinsic:after { content: ""; background-color: rgba(0,0,0,0.5); display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; position: absolute; pointer-events: none; opacity: 0; transition: all 0.3s; } .video-block:hover .intrinsic:after { opacity: 1; transition: all 0.3s; } .video-block:hover .video-caption-wrapper { opacity: 1; transition: all 0.3s; }
  5. @tuanphan yes that would be fine, thanks!
  6. Also in doing some research on the lightbox plugin, it looks like I'd need to have the home page be an image gallery instead of a video gallery? Since images allow for a clickthrough url (where it seems the lightbox link will go to achieve C in my drawing) and videos do not allow for that.
  7. @tuanphan thanks so much, this is helpful! Here is a link for B above (pw - password). Currently have these set in a gallery but can do individual video blocks too if that works better. I also plan to add more videos to the gallery if that changes anything. https://brendanmcdonnell.net/film-wip
  8. Hey all, longtime Squarespace user but first time posting on here. Trying to redo a video portfolio site and looking for something simple yet fairly specific and curious if it's possible (I'm clearly not a web designer if you can't tell based on my questions). I feel like this should be doable but haven't been able to figure it out myself. I don't have a url to share yet. If this is too specific of an ask or not the right place for my question just let me know. I've attached an image with drawings of what I'm trying to do. Main idea is that I want people to be able to watch videos and learn about each project without having to navigate between multiple pages or scroll too much. A - simple home page with site title, 3 primary navigation links, and collection of Vimeo/Youtube links. Got this part down no prob. B - when user hovers over a video, I want text with the video title to appear inside the frame, image grayed out a bit to make text readable. C - when user clicks on a video, I want that video to pop up in a lightbox with text description underneath. Ideally with an option to close the lightbox in the top right which would re-enable the homepage (A) behind it. In a perfect world, I'd also love to be able to a) format the text below the video, b) embed additional smaller videos or images below description text, and c) have users toggle left/right to bring up next project in lightbox view. Just curious if anyone would be able to tell me if this is generally possible and if there's any particular templates or types of custom code I'd need to look into to make this. I know it is tough to give specific answers without having a url to give feedback on but just trying to figure out where to start. Thanks in advance!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.