Jump to content

Different aspect ratios for different portfolio pages

By EddiOS42, in Customize with code

Go to solution Solved by Web_Solutions,

Recommended Posts

  • Replies 3
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Web_Solutions
Web_Solutions

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. #collection-651773418cb7780c567aedd0, #collection-63f2add767ba5d2fb8c81329 { .portfolio-grid-ove

Posted Images

Web_Solutions Level 12

Web_Solutions

Posted
Posted
13 hours ago, EddiOS42 said:

I want to make this page have the wide 16:9 ratio that is currently showing: https://www.eddiekuo.design/craftsmanship

However, it's making my other pages: https://www.eddiekuo.design and https://www.eddiekuo.design/soft also turn into this aspect ratio. They were originally 1:1 squares.

 

I followed the instructions from this link to do the wide 16:9 code injection only for the page I wanted but it affected the others: 

 

Do you want these pages: https://www.eddiekuo.design and https://www.eddiekuo.design/soft image ratio 1:1?

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.


 

  • Solution
Web_Solutions Level 12

Web_Solutions

Posted
  • Solution
Posted
2 hours ago, EddiOS42 said:

Yeah that's right. I want those to be 1:1.

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

#collection-651773418cb7780c567aedd0, #collection-63f2add767ba5d2fb8c81329 {
    .portfolio-grid-overlay .grid-image, .portfolio-grid-overlay .grid-item {
        padding-bottom: 100% !important;
    }
}

 

Screenshot_170.png

Screenshot_169.png

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.


 

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