Jump to content

Aligning a div to the bottom of another div

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

On 4/10/2022 at 2:06 AM, rgladney said:

Site URL: https://kumquat-lute-6sar.squarespace.com/

I'm having some trouble getting the vertical text and arrow at the side of each section to align to the bottom of the body copy in each section. Does anyone have any ideas? I can seem to align it to the bottom of the section using position:absolute but I can't get it to align to the bottom of the text.

Hi,

What is access password?

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
On 4/14/2022 at 8:54 AM, rgladney said:

@tuanphan Just checking in, any ideas?

Just had some days off on my hometown

With what we do, try adding this to Design > Custom CSS

/* align vertical text arrows */
@media screen and (min-width:768px) {
div#page-section-624dd4034188c45c2ac98596>.row:nth-child(2) {
    display: flex;
    align-items: flex-end;
}
}

 

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
5 hours ago, tuanphan said:

Just had some days off on my hometown

With what we do, try adding this to Design > Custom CSS

/* align vertical text arrows */
@media screen and (min-width:768px) {
div#page-section-624dd4034188c45c2ac98596>.row:nth-child(2) {
    display: flex;
    align-items: flex-end;
}
}

 

Thanks @tuanphan, hope you enjoyed your time off!

This code helped bring the vertical copy lower in the section, but it isn't aligned to the bottom of the text.

Link to comment
On 4/18/2022 at 10:44 PM, rgladney said:

Thanks @tuanphan, hope you enjoyed your time off!

This code helped bring the vertical copy lower in the section, but it isn't aligned to the bottom of the text.

Can you check site url again? It doesn't exist now

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.