Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by CraigN

  1. Is there anyway to activate this only after scroll (for scrollback headers). I need the padding at the top of the page, but after logo gets replaced with a smaller one after scroll I'd like to change CSS to this?
  2. This works, brilliant thank you @tuanphan!
  3. I still need help please, the homepage and about page work because they have dark headers (I uploaded a white logo). But on the events page this then gets lost, where ideally it would show a dark version of the logo.
  4. Bumping this for the same issue. Dynamic header is a great feature except it only applies to text and buttons. It would be great to be able to upload dark and light logo options to update dynamically too! I also have the added dilemma of wanting to use the gradient behind the nav on the homepage (as I'm using a video background), and then dynamic on all other pages. https://cod-hibiscus-mlx3.squarespace.com pass: justlove
  5. Brilliant @tuanphan – this works perfectly! Thank you very much 🙂
  6. Hi @tuanphan, is there a version of this which will work with just an image block? I'm trying to change the aspect ratio of the top image on the mobile homepage of suzannehamiltonpodiatry.com. Desktop works as intended, but on mobile it scales down as landscape, I'd like to make this a portrait format to fill the mobile screen more. Thanks!
  7. Trying to do something similar, image aspect ratio is fine for desktop but too narrow on mobile, so I'd like to make it portrait. (See image attached, on homepage) https://www.suzannehamiltonpodiatry.com/ Pass: hs100 Ideally banner would take up around 70% screen height. I've tried to edit it and can get the image to extend down but then the text overlay doesn't match up and a few other issues. Not quite there… ////BANNER IMAGE #block-2518090d1655ad77c24f div { margin-top: 10px !important; height: 200px !important; padding-bottom: 200px !important; width: auto !important; } #block-2518090d1655ad77c24f .sqs-block-content { margin-bottom: 20px !important; } #block-2518090d1655ad77c24f img { width: auto !important; margin-left: -100px; } #block-2518090d1655ad77c24f .img-overlay { display: none !important; }
  8. So turns out, what site animation you use, must effect the classes for links! (Maybe of interest @tuanphan) You can see from the two examples below showing difference between Clip and Flex.
  9. Thank you @tuanphan and @bangank36, both of these work! However, I've found @bangank36 your solution allows me to style the caption better, yet I'm struggling to get it to work right on mobile. Ideally if I could specify height and enable scroll to make the best use of space when the lightbox is used? I've been trying this: @media screen and (max-width: 799px) { .lightbox-caption { width: 85% !important; height: 90px !important; overflow: scroll !important; } } Though doesn't seem to work, no scroll. And does not show up on iPhone safari mobile?
  10. Yeah no problem @tuanphan, https://sphere-saxophone-dbsb.squarespace.com/world-development-people-not-projects Pass: mci21hs It'll be on a commerce plan most likely. We've already been using some custom plugins etc. Thanks!
  11. I'd also like to create something similar but on 7.1. The above doesn't seem to work. I created a gallery section with images and descriptions, so on selecting an image and viewing it in lightbox it would be great to show the description. Either with the ability to style the lightbox or simply to display the description on hover. Thanks!
  12. Ah not quite @tuanphan, I solved the nav. But I couldn't change those hover effects for the rest of the text in main body. On the footer with the dark background you can still see the animation. I'd like to remove that. Increase the padding between text and underline. And on hover remove underline. I'm not sure why there are so many classes and styles for text links. Thanks!
  13. Site URL: https://www.hundredstudio.co.uk A recurring problem I have is the default underline style 7.1 uses. For this example, I'd like to have all my body links underlined (and increase bottom spacing), with a change in opacity/style on hover. Removing that animation (which doubles up in some places depending on colour background). I got the nav links to change how I want. Very frustrating there's no way to change global style of link styles? See footer and /contact page for examples. Thanks 🙂
  14. +1, I've noticed this myself. Especially when any custom code has been added to arrange things, there's a noticeable jump as everything loads into place. Would be great to make these page transitions smoother, even if it meant adding, 0.2/0.5s delay.
  15. Still this problem exists. I'm trying to style my lock screen before I take down my site to make some changes. This is really poor from Squarespace. No ability to change any styles apart from the password input. I'm also not able to use the code injection workaround as I'm not on a premium plan. Any timeframe from when we can expect a fix?
  • 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.