Jump to content

Change Size/Placement of Summary Block Arrows

Recommended Posts

Hi there!

I'm hoping someone might be willing to help me with some simple custom code to change the size/placement of the arrows on my summary block.

On my website home page, under the third section under where it says "recent blog posts" (with the flower background), the current arrows are essentially invisible and tiny. I would love for them to frame the right and left sides of the carousel and appear bigger -- also maybe in white, or a color that will be more obvious.

Can someone help this poor code-illiterate gal?? Many thanks!!


Edited by soulflower
Link to comment

perhaps this css might be useful:

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
width: auto;

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
padding: 10px;
background: #000;
color: #fff;
border-radius: 50%; // only if you need rounded buttnos


Edited by Vicks
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.