Jump to content

Resonate

Circle Member
  • Posts

    19
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

134 profile views
  1. Hey Ziggy, Thanks for the reply! I just tested some code on a new Brine test site and it seems to work great, so there must be something on my client project website that is stopping it working - time to do some digging! I'll add the code that worked below in case anyone else has issues finding it too. Cheers, Darren <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : ".Index-page", }); }); </script>
  2. I've replied to another post about this but as it was a little old I figured I'd just start a new one. Is there a way of creating this snappy scrolling effect on a 7.0 Brine website? https://bodacious.be I see that Ghost Plugins has a solution but it's only for 7.1! https://www.ghostplugins.com/products/snappy-page-sections I've had a good hunt around but so far haven't been able to find anything that will actually work - I wonder if things have changed on 7.0 due to it being a feature that can be done with 7.1 easily enough. Hopefully there's been someone with the same question out there that can help, thanks!
  3. Apologies to jump onto this thread, but is there any way this can be used on a 7.0 Brine template? I've not been able to find a solution so far! Thanks, Darren
  4. No worries! Glad I could help, it was making my head hurt trying to figure it out so happy I can pass on the help!
  5. Hello, This took some figuring out, but eventually I got it to work... I had to specify the block #ID then tell it to change the image individually. Here's the code I used which seemed to work well - bit of a process to do this for every tile, but it's a good result! Darren //1 * Hide image on hover */ #BLOCK ID NUMBER HERE .summary-item:nth-child(1):hover div img { transition: .5s visibility: hidden; opacity:0; } /* set new image */ #BLOCK ID NUMBER HERE .summary-item:nth-child(1):hover .summary-thumbnail-container { background-image: url(YOUR IMAGE LINK HERE); background-size: 100%; background-repeat: no-repeat }
  6. Ah you are the best, thank you once again! Your solutions often make me think I should've worked that out but didn't quite get there! Very much appreciate the help as ever 😃
  7. @tuanphan @bangank36 - Any ideas guys? You two have helped me so much with general css queries and all your forum posts - even if it's on a subject someone else has asked about! Hopefully your amazing SS knowledge can help with something I'm just not seeing a solution to!
  8. Site URL: https://www.thisresonates.uk/new-index Hi all, I've been making some adjustments to my site, and have got a nice scroll effect on desktop sized screens with the navigation scrolling out of the way when moving down the page and coming back into view when moving back up... BUT on the mobile view, because I have a transparent header / nav bar there seems to be a light grey / white space behind the nave bar that I can't reduce - I'm guessing its some kind of header padding that's only visible on mobile view but I can't seem to do anything to reduce it so the full screen slideshow on the index page goes right up to the top of the screen as it looks on the desktop version. Anyone got any ideas?! https://www.thisresonates.uk/new-index Many thanks, Darren
  9. ok so I've made some progress... one step forward two back... I've adjusted the code so the rollover image works on the tile instead of showing just a white panel, but it also shows behind the image title too. So there's now two issues to figure out, if anyone has any helpful ideas I'd appreciate it as I think I'm about out of things to try next! problem #1 - image shows behind text - as in screenshot problem #2 - the code works on multiple summary blocks so I'll need to figure out how to make it work for each summary block independently across the website. Hopefully there's a way to figure it out! Thanks!
  10. @tuanphan - Apologies in hijacking this older thread, but I have a similar request - I've tried your code above and checked out the plugin link which seems to be for a product shop listing, but ideally I'd like to get this to work on a standard blog post. Using the above code I can get the image to change on rollover but it just shows a blank white panel instead of the linked image. I'm using some custom code on the summary block but even the code removed and everything as standard it still has the same effect. If you can suggest any other ideas to try I'd appreciate it! Many thanks https://www.thisresonates.uk/
×
×
  • 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.