Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by Van_h

  1. Hello @tuanphan! The page is here: https://parrot-elk-awab.squarespace.com/squarehelp I have tried this solution: .gallery-slideshow-controls { position: absolute; margin-top: -330px; justify-content: center; } It works, but I don't trust margin to translate onto all device sizes. For example, if the image gets bigger, 330px will still land in the middle of the picture. But let me know what you would recommend instead. Also, if it's easier for you to find a solution from scratch, I can remove my custom code. Thank you so much for anything you suggest to help. Best, Van
  2. Hello, I'm looking for help moving the navigation arrows of a slideshow in a gallery block. I've attached two screenshots to illustrate the issue. When the image is narrow enough, the arrows are clear of the image, and are positioned with a good distance from it. When the image reaches a certain width, the arrows cover up the artwork. We are not particular on what solution resolves this. I am open to either: a) moving the arrows above or below the slideshow completely, b) adding enough padding or margin around the slideshow to force the arrows to clear it, c) adding padding or margin around the arrows to force them to never overlap the images Whatever is the easiest solution to achieve having the arrows never overlap the artwork, we'll happily accept! Thank you so much for any thoughts you could offer.
  3. Hi @paul2009, That worked perfect! Thank you so much!!! We really appreciate it 💖 Warmest, Van
  4. Hi @tuanphan, If this thread is still open, I'd love to get some help with the same issue as Mushaboom & SarahJane95. We built a several pages with summary blocks for each product category, because the shop page is not presentable due to the design limitations . But, the breadcrumb on each product page still returns visitors to that shop page. I would like to modify the breadcrumb to go to a custom URL instead, but the code injection appears to not do anything.... Here is one of our product pages: https://frog-saffron-lxdy.squarespace.com/book-store/p/88 The default breadcrumb goes to the Store page, which we want to avoid using: https://frog-saffron-lxdy.squarespace.com/book-store We'd rather have it go to a custom URL, such as this: https://frog-saffron-lxdy.squarespace.com/all Borrowing from the code injection for the footer that you offered SarahJane95, I modified it to: <script> $(document).ready(function() { $('a.ProductItem-nav-breadcrumb-link').attr('href','/all'); }); </script> If you have any suggestions on how we change the default breadcrumb path, we would be so grateful. Thank you! Cheers, Van
  • 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.