Jump to content

Changing the arrows size in a carousel

By manos, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

manos Level 5

manos

Posted
Posted (edited)

Greetings, I need help with two issues:

  • making my carousel arrows bigger in this summary block www.star-surfing.com.

  • fix "Links must have discernible text" from Pagespeed insights about the same summary block.

I really appreciate any help you can provide.

Edited by manos
Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

Try adding to Design > Custom CSS .sqs-gallery-design-carousel .sqs-gallery-controls .next:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { width: 30px; heig

Posted Images

manos Level 5

manos

Posted
  • Author
Posted (edited)
38 minutes ago, tuanphan said:

I see you disable arrows on homepage. Can you enable it first?

I haven't touched anything. Arrows display only on mobile mode. Should I choose more post to show up to enable them on the desktop?

Thank you for your time @tuanphan

Edited by manos
Link to comment
tuanphan Level 17

tuanphan

Posted
Posted
On 5/6/2023 at 3:19 PM, manos said:

I haven't touched anything. Arrows display only on mobile mode. Should I choose more post to show up to enable them on the desktop?

Thank you for your time @tuanphan

You mean these arrows?

image.thumb.png.142f3a96582eb57bc2493d519f31528b.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
  • Solution
tuanphan Level 17

tuanphan

Posted
  • Solution
Posted

Try adding to Design > Custom CSS 

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
}
.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
    width: 70px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources