Jump to content

Scrolling form

By Aaron787, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

Aaron787 Level 4

Aaron787

Posted
Posted

Hello.

I have created a consent form page on my site. The terms and conditions section is understandably long however it makes the page look too long and I don't think it's a great experience for clients. I would like to put this section alone (terms and conditions) into a scroll box. Does anyone have any ideas on how/where to code this ?  I have attached an image for reference. 

Thanks !

image.png

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

Try adding this to your Custom CSS: .sqs-block-form .field-list .description { max-height: 220px; overflow: scroll; } You can adjust the max-height value to work for your design.

Aaron787
Aaron787

Thanks, Ziggy worked perfectly! enjoy the coffee haha 

Ziggy
Ziggy

I will! Thanks! Glad that worked for your needs! Would you be able to mark my post as the solution to help others find it in case it's useful to someone else? Thanks!

Posted Images

Ziggy Level 12

Ziggy

Posted
Posted

Can you share your website URL, this page, and a password if required to view the page? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕ Did I help? Buy me a coffee?

Link to comment
  • Solution
Ziggy Level 12

Ziggy

Posted
  • Solution
Posted

Try adding this to your Custom CSS: 

.sqs-block-form .field-list .description {
    max-height: 220px;
    overflow: scroll;
}

You can adjust the max-height value to work for your design.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 12

Ziggy

Posted
Posted (edited)

I will! Thanks!

Glad that worked for your needs! Would you be able to mark my post as the solution to help others find it in case it's useful to someone else? Thanks!

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕ Did I help? Buy me a coffee?

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