janegomo81s Posted October 26, 2022 Share Posted October 26, 2022 Anyone can help me to find out how to change the pagination arrows with the custom arrow (SVG file)? Thank you! Link to comment
Beyondspace Posted October 26, 2022 Share Posted October 26, 2022 1 hour ago, janegomo81s said: Anyone can help me to find out how to change the pagination arrows with the custom arrow (SVG file)? Thank you! Can you share your site with the protected password (if it has) so we can take a look? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted October 26, 2022 Share Posted October 26, 2022 What is the pagination arrow you want to apply? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted October 26, 2022 Share Posted October 26, 2022 Try adding to Home > Design > Custom Css /*general setting*/ .item-pagination-icon svg { visibility: hidden; } .item-pagination-icon { background-position: center center; background-repeat: no-repeat; background-size: contain; } /*url icon for next button*/ .item-pagination-link--next .item-pagination-icon { background-image: url('https://api.iconify.design/codicon/arrow-right.svg'); } /*url icon for previous button*/ .item-pagination-link--prev .item-pagination-icon { background-image: url('https://api.iconify.design/codicon/arrow-right.svg?rotate=180deg'); } Support me by pressing 👍 if this useful for you tuanphan 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted October 26, 2022 Share Posted October 26, 2022 My testing Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
janegomo81s Posted October 26, 2022 Author Share Posted October 26, 2022 It works!! Thank you so much!! Can you help me to change the size of arrow? I think it looks big. Link to comment
Beyondspace Posted October 27, 2022 Share Posted October 27, 2022 (edited) You can change the background-size style new value: background-size: 80%; Edited October 27, 2022 by bangank36 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment