Jump to content

Align buttons in side by side "stack" images

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://impala-rose-x7cw.squarespace.com/

Hi there!

I'm working on a 7.1 website, and on the "Work with me" page, I have 2 rows of "stack" images where the buttons are not in alignment.

Here is the 1st one:

2008237946_ScreenShot2021-07-07at10_37_01AM.thumb.png.54a7476c8547be9e6d7d16961401b82e.png

 

And here is the 2nd one:141803956_ScreenShot2021-07-07at10_37_12AM.thumb.png.a7b0a71236530012561ebd3c02d70ca2.png

 

I looked through the forum and tried a bunch of different code people suggested, but nothing worked. Can someone please help? Thank you so much in advance!! - Chloe

https://impala-rose-x7cw.squarespace.com/

Site PW: Peony2021

Edited by Chlobot
Link to comment
  • Replies 6
  • Views 675
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
16 hours ago, Chlobot said:

@tuanphan Hi!! Tuanphan to the rescue!! Sorry about that. The problem is on the "work with me page," right here: https://impala-rose-x7cw.squarespace.com/work-with-me . Thank you for helping me! I so appreciate it.

Try adding to Design > Custom CSS

/* Align choose from button */
div#page-section-60e4cb7512182f5546c1b94a {
.image-subtitle.sqs-dynamic-text p:first-child {
    min-height: 70px;
}
.image-subtitle.sqs-dynamic-text h4 {
    min-height: 80px;
}
@media screen and (max-width:991px) and (min-width:768px) {
.image-subtitle.sqs-dynamic-text p:first-child {
    min-height: 145px !important;
}
}
}

 

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
On 7/13/2021 at 3:04 AM, Chlobot said:

@tuanphan Thank you so much! Worked like a charm! You are a Squarespace hero!!

Do you need to help with these problems?

Site URL: https://impala-rose-x7cw.squarespace.com/

1. (Mobile-Homepage) White bar on right of screen

impala-rose-x7cw.squarespace.com-01-min.

2. (Tablet-Homepage) Reduce padding inside box, padding between boxes a bit?

impala-rose-x7cw.squarespace.com-02-min.

3. (Tablet-Homepage) Make book now on one line?

impala-rose-x7cw.squarespace.com-03-min.

4. (Tablet-Work With me) Reduce text size?

impala-rose-x7cw.squarespace.com-04-min.

5. (Tablet-Work with me) Reduce white space?

impala-rose-x7cw.squarespace.com-05-min.

6. (Tablet-Work With Me-De language) Similar above problem

impala-rose-x7cw.squarespace.com-06-min.

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.