Custom Summary Carousel Arrows in 7.0

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
 

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;
}

Hi @tuanphan! I just inserted that code, but unfortunately nothing changed. 

Do you still need help? Can you enable arrows? I don't arrow now

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

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

@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 🙂

 

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?

#2. Try this CSS

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

@tuanphan Yes! The footer code almost worked. I think it's impossible to remove the background since it's a part of the body. That's ok, I will change around the design 🙂 thank you for that.

For the arrows, yes! My goal is to make it look like this https://share.getcloudapp.com/7KuEzmRr