[Jason CParticipant]

Hi, I have a section with one row and two columns: in the left one is text, and to the right an image. I’d like for the image to stay flush with the bottom of the row as the page the page is resized.

Currently it (or specifically the div it’s contained it, with class ‘x-column x-sm x-1-2’) sticks to the top of the row, until the responsive break, and then it goes back to the bottom.

How could I do this? Thanks!

[Paul RModerator]

Hi Jason,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide 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.

[Jason CParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi Jason,

To align it at the bottom, please add the code below in the style field of the 2 columns where your text and image resides.

float: none;display: inline-block;vertical-align: bottom;

Kindly note that you need to enable advanced controls for the style field to show up

Hope that helps.

[umboxParticipant]

I’ve been grappling with this issue for a few days now. Thanks for your solution Theme.co, it works perfectly 🙂

[Prasant RaiModerator]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[fabipaoliniParticipant]

Hi! I have the same issue and tried what was suggested here and it didn’t work.
What do i do?
The site is http://www.ninahmars.com/privado you can see it in the homepage and in the ARTE section as well
thanks
Fabi

[FriechModerator]

Hi Fabi,

Thanks for writing in! Please add a class mbn to the ARTE and MUSICA image element.

Hope it helps, Cheers!

[Author]

Posts