Align row to bottom of section; Parallax

Hi on the below page, I want to align/fix Row 2 to the bottom of the section so that the bottom portion of the video is still covered by the row background.

Also, I would like to have all the rows in this section move over the section background (parallax effect). How can I do that?

Thanks.

https://happysoulhungrymind.com/HWP/testsep28/

Also is there is an easy way to create a gradient on the background for Row 2 in section 1. I want the transparency to begin with 100% and go down to 50%. Thanks.

Hello @asdfrew,

Thanks for writing in!

Do you want to display it like this?

Kindly remove the negative margin of ("-5em") in your section settings.

We would love to know if this has worked for you. Thank you.

No, I do not want margin around it. I want it full width. I want the bottom portion of the image (which is darker in color overlayed by the row background). If the row aligns with the bottom of the section, then the bottom of the image will not show.

Hello @asdfrew,

If you do not want any space around, set the margins and paddings to 0 in your section settings.

Hope this helps.

Thanks I was able to fix that. I took out the auto bottom margin for the row and set it to -50px.

How can I make the row background a gradient. Is that easy to do?

Hello @asdfrew,

Regretfully there is no option that you can add a gradient background color. You will have to add it as a custom inline element CSS. You can check. out this documentation:

And maybe a color gradient generator will help you:

Best Regards.

Thanks, I created an image with a white gradient and added it as a background. It worked well. Thanks.

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.