How to customise gallery slidehow arrows for mobile devices

onika · October 25

Hi,

I am trying to reduce the size of the arrows in the gallery slideshows for mobile devices. I can't seem to find a solution or a correct CSS selector to get started with.

Any ideas how I can get this done?

Thanks

URL: https://yellow-design.squarespace.com/yellow-design-projekte/master-3e7fp
PW: test123

Ziggy · October 25

Try this Custom CSS:

.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    line-height: 20px;
    margin-top: -25px;
}
.sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before {
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: 12px;
}

onika · October 25

@Ziggy Thank you again, these are working perfectly!

Ziggy · October 25

11 minutes ago, onika said:

@Ziggy Thank you again, these are working perfectly!

Happy to help out.

How to customise gallery slidehow arrows for mobile devices

Recommended Posts

onika

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

onika

Ziggy

Link to comment

onika

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Ziggy

onika

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources