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.

image.thumb.png.9386f2e5fb7e09b1de1ce8073e7798cf.png

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.