Jump to content

Change summary block image ratio from anamorphic widescreen to 3:4 vertical on mobile

Go to solution Solved by Web_Solutions,

Recommended Posts

  • Solution
Posted (edited)
1 hour ago, NicoleN said:

Can anyone help me change my summary block image ratio from anamorphic widescreen to 3:4 vertical on mobile? Thanks in advance! ūüôā

https://thatgirl-demo.squarespace.com/ (password: demo)

Screenshot 2024-01-08 at 9.54.30 AM.png

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1704417617379_1352 .summary-item .summary-thumbnail{
    padding-bottom: 133.333% !important;
  }
}

 

Edited by Web_Solutions

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

‚ėēAm¬†I helpful? Want to offer me a coffee?
‚úČ Send me a message¬†if needed any help. I'll try to reply as soon as possible.


 

Link to comment
38 minutes ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1704417617379_1352 .summary-item .summary-thumbnail{
    padding-bottom: 133.333% !important;
  }
}

 

You're amazing! Thanks so much! ūüôā

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.