Jump to content

LaureneRobertStudio

Circle Member
  • Posts

    6
  • Joined

  • Last visited

Everything posted by LaureneRobertStudio

  1. Super, it works ! thank you so much ! Another question : how can I display the person's name below this purple block? like this :
  2. hello, I would like to display the arrows outside the testimonial box with the purple background. I followed this tutorial: https://www.beatrizcaraballo.com/blog/custom-arrows-testimonial-carousel-squarespace, but the arrows remain in the box. Here's my code: /*Customizing the controls*/ .summary-carousel-pager { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100% !important; z-index: 1; } .sqs-block-summary-v2 .sqs-gallery-design-carousel .sqs-gallery-controls { display: flex; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous, .sqs-gallery-design-carousel .sqs-gallery-controls .next { margin: 0px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { content: ''; width: 32px; height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { background: url('https://static1.squarespace.com/static/64f61ab94241210bff149ea3/t/64f89215e5256821843f666c/1694011925318/Groupe+10733.png'); } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { background: url('https://static1.squarespace.com/static/64f61ab94241210bff149ea3/t/64f89113da517a2a92c02214/1694011667707/Groupe+10732.png'); } /*Styling the fonts*/ .sqs-gallery-design-carousel-slide .summary-excerpt p { padding: 35px 35px; } .sqs-gallery-design-carousel-slide .summary-excerpt p { font-size: 23px !important; color: #ffffff; font-family : Dunbar Low !important; font-style: normal; display: block; } /*Styling the background*/ .summary-block-wrapper.sqs-gallery-design-carousel { background: #46122E; max-width: 1000px; margin: 0 auto; padding: 40px; } Website : https://vanilla-flugelhorn-r9cd.squarespace.com/ Password : Jess Thanks a lot for your help ! Laurène
  3. Site URL: https://www.cabinet-benabent.fr Hello, I have some problem using Scrollify on my Squarespace website on mobile. It's working well on desktop and on Chrom, but when I open the website on mobile (on Safari), the scroll isn't smooth and "jump" from section 3. I used this Javascript code (insert in the header section): <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 : ".collection-62d7fc5a5f3a970effebb16f", section : ".collection-62d80b45bc0a74472e8177f6", section : ".collection-62f1573edfaf885f6a63966b", section : "collection-62fb8e95bd9ba937de3291ad", easing: "easeOutExpo", scrollSpeed: 1100, offset : 0, scrollbars: true, }); }); </script> Has this ever happened to anyone? Do you know why? Thanks a lot for your help !! Laurène
  4. Hello @tuanphan & @jordandixon Did you find a solution ? My client also want to lock the screen orientation to portrait on mobile. Thanks a lot for your help ! Laurène
×
×
  • 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.