Site URL: https://flatworm-bison-grha.squarespace.com/

Hi all! I'm trying to figure out some CSS to push one text block to the top of the section and the other to the bottom. I've attached a screenshot of how it currently looks and how I'd like it to look.

The site is https://flatworm-bison-grha.squarespace.com/ with the password: demo.

Thank you!

Hi. DO you still need help on these?

Yes please!

16 hours ago, HannahRoseShaw said:

Yes please!

Try adding to Design > Custom CSS

@media screen and (min-width:992px) {
div#page-section-60d986b75de30045e5210770 .span-12>.row:first-child {
    position: absolute;
    top: 0;
    z-index: 999;
}

div#page-section-60d986b75de30045e5210770 .span-12>.row:last-child {
    position: absolute;
    bottom: 0;
    z-index: 999;
}

[data-section-id="60d986b75de30045e5210770"] .content-wrapper {
    height: 100%;
}
}

Thanks Tuan, you're amazing!

@tuanphan firstly thanks for alllll the tips. So many of yours have helped me.

I'm trying to achieve the same, having text aligned to top and bottom on this page in the first section.
I've tried using the code above, but can't seem to update to the right page-section ids etc.

Would you please be able to help me on this one?

https://lewis-alexander-consultancy.squarespace.com/contact-me
P:Executive

Thanks, R

On 6/10/2022 at 1:39 AM, ryanspacey said:

@tuanphan firstly thanks for alllll the tips. So many of yours have helped me.

I'm trying to achieve the same, having text aligned to top and bottom on this page in the first section.
I've tried using the code above, but can't seem to update to the right page-section ids etc.

Would you please be able to help me on this one?

https://lewis-alexander-consultancy.squarespace.com/contact-me
P:Executive

Thanks, R

You mean

Quote

Lewis
Alexander to top

Based between London and Los Angeles, British-bo to bottom

Is this right?

On 6/11/2022 at 9:46 AM, tuanphan said:

You mean

Is this right?

@tuanphan yes exactly that 🙂 

Sorry the page URL las changed: https://lewis-alexander-consultancy.squarespace.com/founder

But same section with that content.

Thank you 🙂

12 hours ago, ryanspacey said:

@tuanphan yes exactly that 🙂 

Sorry the page URL las changed: https://lewis-alexander-consultancy.squarespace.com/founder

But same section with that content.

Thank you 🙂

Add to Design > Custom CSS

/* Founder - Align content bottom */
@media screen and (min-width:768px) {
div#block-24ebd74a18ce9f4418dc {
    position: absolute;
    bottom: 0;
    max-width: 45%;
}
}

9 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Founder - Align content bottom */
@media screen and (min-width:768px) {
div#block-24ebd74a18ce9f4418dc {
    position: absolute;
    bottom: 0;
    max-width: 45%;
}
}

 

@tuanphan thank you so much 🙂

Hi there, would you be able to help me too please?

Currently look slike this: 

But I need the text and buttons to left align exactly with the bottom of the image. Is there a way to make it stay aligned with the bottom of the page when the screen size is smaller? Say an iPad?

I have tried adjusting th epage margins and using spacer blocks but it is not consistent accross different devices.

https://crane-rust-jc3g.squarespace.com/experience

Password: Blairgowri3

Thanks :)

On 6/24/2022 at 8:44 AM, lauraharbottcreative said:

Hi there, would you be able to help me too please?

Currently look slike this: 

 

But I need the text and buttons to left align exactly with the bottom of the image. Is there a way to make it stay aligned with the bottom of the page when the screen size is smaller? Say an iPad?

I have tried adjusting th epage margins and using spacer blocks but it is not consistent accross different devices.

https://crane-rust-jc3g.squarespace.com/experience

Password: Blairgowri3

 

Thanks 🙂

 

 

See this answer