Jump to content

Text Boxes stay equal heights?

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

On 3/23/2022 at 1:04 AM, abcohen1605 said:

Site URL: https://coconew.squarespace.com/join

How can I make these text boxes stay the same height? 

https://coconew.squarespace.com/join

PW: Inspired2022

 

Many Thanks.

First, remove the code you used to add box shadow, background, border

Next, add this to Design > Custom CSS

/* Join text same height */
@media screen and (min-width:768px) {
div#page-section-621ee0b268e1076e7a59ff59 .span-6 {
    box-shadow: 2px 1px 18px 3px rgb(241 79 50 / 28%) !important;
    margin-left: 20px;
    margin-right: 20px;
    flex: 1;
    background-color: rgba(255, 246, 242, 1);
    border: 4px solid hsl(9, 87%, 57%);
    border-radius: 24px;
}
div#page-section-621ee0b268e1076e7a59ff59 .row {
    display: flex;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Sorry, have a typo in the code

Use this new code

/* Join text same height */
@media screen and (min-width:768px) {
div#page-section-621ee0b268e1076e7a59ff59 .span-6 {
    box-shadow: 2px 1px 18px 3px rgba(241,79,50,0.28) !important;
    margin-left: 20px;
    margin-right: 20px;
    flex: 1;
    background-color: rgba(255, 246, 242, 1);
    border: 4px solid hsl(9, 87%, 57%);
    border-radius: 24px;
}
div#page-section-621ee0b268e1076e7a59ff59 .row {
    display: flex;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.