Jump to content

Custom Summary Carousel Arrows in 7.0

Recommended Posts

  • Replies 8
  • Views 662
  • Created
  • Last Reply

Top Posters In This Topic

9 hours ago, bronzeavery said:

Site URL: https://gabriellecuriouscreative.squarespace.com/portfolio/?password=1111

Hi there! Has anyone gotten custom icons for the summary arrows in 7.0? I saw this tutorial, but the code didn't seem to work. Thanks!

https://gabriellecuriouscreative.squarespace.com/portfolio/?password=1111
 

Try adding to Design > Custom CSS

/* testing code */
.sqs-gallery-design-carousel .sqs-gallery-controls .next {
    background-image: url('https://static1.squarespace.com/static/5862d3c7893fc0190d993ba8/t/606d12c8ffe8fd19c514b9cb/1617760968075/Artboard+45.png') !important;
    background-size: contain;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
    visibility: hidden;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/1/2021 at 7:14 AM, bronzeavery said:

@tuanphan yeah! since it's a summary block carousel, arrows are turned on by default. code still isn't working sadly.

Hi. I don't see arrows https://www.loom.com/share/8848d24d18034e1b81932a16353dcdea

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/8/2021 at 6:20 AM, bronzeavery said:

@tuanphan They should be there now! The goal is to make it look like this. We're also trying to get the Footer to be rounded on top of any type of background, but we're having issues with that as well. Thanks for taking some time to help out 🙂

 

This arrow? Move it to center & change to custom icon?

arrow.png.f88c68c1cbf1334e5e14e43b633d7c87.png

#2. Try this CSS

.tweak-footer-show .Footer {
    display: block;
    border-radius: 20px;
}
body {
    background-image: linear-gradient(#1b48ff,#c878ff) !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.