Jump to content

justin_phang

Member
  • Posts

    36
  • Joined

  • Last visited

Everything posted by justin_phang

  1. Ahhh, gotcha. Let me take a step back, actually, what I'm hoping to solve is to get people to scroll down at the landing page, so need a signifier. Was tempted to use an arrow but somehow the dots seems more elegant. By seeing the dots, people might automatically understood that this landing page is scrollable, might wanna try out the code you mention then, so this is my long way of saying 'yes please!'
  2. Great question, and yes! scroll to the corresponding section by clicking on the dot
  3. Hey there, I would like to add a vertical scroll dot section at the lower right side of the screen (indicated by a photoshopped jpeg), how should I do this? Ideally in a CSS format
  4. Got it, thanks!
  5. Thanks Tuanphan, couldn’t solve the issue with this method too as gallery block of the same page got affected. I’ll stick to individual block targeting. Appreciate it!
  6. Thank you Tuanphan as always! Though after applying this code I realized all the other gallery blocks are affected. Seems like targetting manually on the gallery block in each of the page is the way around it (like your first solution), do you have any other suggestions?
  7. This is great! Anyway to make this work for all pages? I use this gallery block as a form of index page at the bottom of every page, for example here: https://www.justinphang.com/wr-supreme-cell and here https://www.justinphang.com/google-mana And you're correct, I just want to make it bigger. But out of curiousity, if its enlarge + overlay, what kind of CSS will it be?
  8. Hey there, I've had a CSS code for hover animation in my 7.0. After moving it to 7.1 the code is no longer working At the bottom of every page like https://www.justinphang.com/nike-hk, there's a gallery that users can navigate to the next page. Here's the previous code, can it still work with modifications? // Hover animation in Thumbnail Gallery block // a img.thumb-image { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 5px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } a img.thumb-image:hover, a img.thumb-image:active { -webkit-transform: scale(1.1); transform: scale(1.1); } [id*='index-section']:hover img { transform: scale(1.1); transition: all .3s ease; }
  9. It worked, thank you!
  10. Hey there, I'm trying to shrink the font size of my 'Paragraph 3' font type in mobile view. How should I do this? I'm using 7.1
  11. You are amazing! Thank you, it works wonders
  12. That’s correct? How should I do it?
  13. Hey there, I have set my header to be dynamic, but each time I scroll back up, a black bar appears. Is there anyway for the black bar to not appear? This is my website https://www.justinphang.com/ and I am using 7.1 Happy to solve this with CSS or in-built editor too
  14. Dope! This does it, thank you so much again!
  15. Same... I just realize this requires premium feature. Any chance this can be achieved with the generic CSS style tab?
  16. Site URL: https://www.justinphang.com/google-ugh-moments Hi there, The problem I'm trying to solve is the 16:9 videos appear small in my website's mobile view. Is there a way to tweak the embedded videos to be more of a 1:1 or 4:3 ratio before tapping? Tapping it will still play the video in it's actual aspect ratio.
  17. Love it! And I couldn't agree more on keeping it to just desktop site. Though I would still prefer to have some buffer space on the top and bottom part of each screen, is it possible? The snapping effect is also producing different results on different computer of mine, should i clear the cache or something to reset it? So far MacBook Pro looks good but my Windows PC is skipping screens to snap.
  18. Ahh, if there's any advice on how this can be achieved in CSS or the code, that would be much appreciated. Regardless thanks for tip.
  19. Ahhh, thanks for clarifying.
  20. Site URL: https://www.justinphang.com/ Hey there, I'm trying to do snap scroll in my index page, ideally each scroll will have this height (refer attached): where there will be equal spacing on top and bottom of each scroll (except the very top and very bottom). I tried another CSS code from another fellow forum member but it gave me a syntax error. How should I go about this?
×
×
  • 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.