Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

List Slideshow - How to customize arrows?


Sunrise666

Question

4 answers to this question

Recommended Posts

  • 1

Add to Design > Custom CSS

/* left arrow */
.desktop-arrows.arrow-container.arrow-container--left button:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
    color: black;
    transform: rotate(
90deg
) !important;
    display: block;
}
.desktop-arrows.arrow-container.arrow-container--left svg {
    display: none;
}
/* right arrow */
.desktop-arrows.arrow-container.arrow-container--right button:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
    color: black;
    transform: rotate(
270deg
) !important;
    display: block;
}
.desktop-arrows.arrow-container.arrow-container--right button svg {
    display: none;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
19 hours ago, Sunrise666 said:

@tuanphan Thanks so much! 

See below the screenshots, is it possible to make the arrows thinner ( as thin as the second screenshot)? I appreciate your help!

spacer.png

spacer.png

You mean e003 icon in below link?

https://tuanphan.squarespace.com/ss-ui-fonts?noredirect

Password: abc

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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