[bartenderondutyParticipant]

Hi Themeco Team,

I’ve been trying to figure out how to create CSS to align a text element (headline, etc.) to the bottom of a section/row/column container, but haven’t had any luck. The element is currently aligning to the top of the section… Do you happen to know how I can force a text element to align to the bottom of a section without using a gap to artificially push the element down? I tried using a gap element but the issue with using a gap is that when the browser window is resized, a longer text element is pushed outside of the container when the text wraps.

Appreciate any help you can provide.

[John EzraMember]

Hi there,

Thanks for writing in! To assist you with this issue, would you mind providing us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Thanks!

[bartenderondutyParticipant]

Hi John,

Thanks for the quick reply. Unfortunately the site I’m developing is offline (localhost). Would it be possible to provide recommendations with the site offline?

Thank you!

[Rue NelModerator]

Hello There,

Since your site is in local, I will just try and guess it. There is a chance that you could align it to the bottom of the column. Simply edit your page and in the row settings, please enable the marginless column option. And Then in each of the columns, please add some uniform padding of at least 20 pixels. In the style field, still in each of the column settings, add an inline css vertical-align: bottom;. Please see the screenshot below:

http://prntscr.com/bc53by
http://prntscr.com/bc532j

Please let us know if this works out for you.

[bartenderondutyParticipant]

Awesome, this works!

The only issue I’m experiencing is that when the browser window is resized for tablet and mobile, the headline element snaps back up to the top of the column… Can you suggest a way to keep it aligned to the bottom?

Thanks again for your help!

[justlevineParticipant]

@bartenderonduty

Was having the exact same issue as you.
It stemmed from the fact that I didnt put a css unit (px, em, etc) in the column padding. I changed my padding from 10 to 10px, and the issue went away!

[bartenderondutyParticipant]

Hey @justlevine

That you for the suggestion… I tried this and unfortunately it didn’t work for my site. Appreciate you taking the time to help troubleshoot.

bartenderonduty

[Rue NelModerator]

Hello @bartenderonduty,

Could please send us a screenshot of your settings and how it looks on a smaller screens?

@justlevine:
Thanks for chiming in!
Glad it works out easily for you.

[bartenderondutyParticipant]

Hi Themeco Team,

Apologies for the delay. Would you mind if I update this thread when the site is live? I think it might be easier if I can send you a URL. Should be live within the next week or so.

Thanks!

[John EzraMember]

Hi there,

Thanks for updating the thread! Yes, that’s fine. We’ll be here to assist you when your site is live. Thanks!

[bartenderondutyParticipant]

Hi Themeco Team,

I apologize for the delay… I expect to have the site live within the next few weeks. Please keep this thread open if possible.

Thanks again!

[ChristopherModerator]

The thread is still open. We’ll be here to assist you when your site is live.

[Author]

Posts