Jump to content

How to change the aspect ratio of a carousel gallery

Recommended Posts

I am really frustrated with the carousel on my website. It looked okay-ish on desktop but it looks ridiculously small on mobile, despite ALL of the carousel images having a vertical aspect ratio.


I would like the carousel to be taller and take up at least 70% of the screen height.
Please help. Thanks!

Link to comment
  • Replies 1
  • Views 374
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Fixed it. 

For those who have the same issue:

This is the code that I used

#block-yui_3_17_2_1_1678827451016_6873 .sqs-block-content {
  padding-bottom:70% !important;

@media screen and (max-width:767px) {
  #block-yui_3_17_2_1_1678827451016_6873 .sqs-block-content {
  padding-bottom:90% !important;


The ID block-yui will be different on your website. It is the id of the block containing the carousel gallery. The padding percentage controls the height. The default is 50%. The media query is to make it larger on mobile.



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.