Jump to content

Text Boxes stay equal heights?

Recommended Posts

  • Replies 6
  • Views 376
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
On 4/4/2023 at 9:22 PM, abcohen1605 said:

@tuanphan I need to add a box to this that you helped me with last year- thoughts on how to tweak the code (old editor if that matters)

The page is https://www.theco-co.com/join-4

 

thanks a million!!!

I don't see boxes on this page. Can you check it again?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.