Align content to the top and bottom of a section in SS 7.1

holahannah · May 20

Site URL: https://hexaflexagon-silver-ft52.squarespace.com/

Hello!

I'm having trouble with some custom styles for a text an image section in SS 7.1

Basically I want the content (images and button) in the top row to align to the top of the SS section, and the text and images in the bottom row to align to the bottom of the SS section. Attached a screenshot to show what I mean - so I just want the 'view portfolio' button to be aligned to the top of the section, top aligned with the images.

Any ideas? Thank you 🙃

https://hexaflexagon-silver-ft52.squarespace.com/
password: kajones

tuanphan · May 20

Try adding to Design > Custom CSS

#homework-bg-brown .sqs-row {
    position: relative;
}
#homework-bg-brown .sqs-row .button-block {
    position: absolute;
    top: 0;
    right: 0;
}

holahannah · May 20

7 minutes ago, tuanphan said:

#homework-bg-brown .sqs-row {
    position: relative;
}
#homework-bg-brown .sqs-row .button-block {
    position: absolute;
    top: 0;
    right: 0;
}

Amazing! That worked perfectly. Thanks so much 🙂

Align content to the top and bottom of a section in SS 7.1

Question

holahannah

Link to comment

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

2 answers to this question

Recommended Posts

tuanphan

Link to comment

holahannah

Link to comment

Create an account or sign in to comment

Support

Community

Developers

Resources