Image bottom align on row

Support
#1

Hi Guys,

In the header image of www.cedre.ie, I’m trying to make that logo image (Babson) align with the bottom of the main header text (above the date). Both the image and the text to the right of it it are in the same row, but I can’t get the image to sit on the bottom of the row. I’ve checked through the forums and no in-line css seems to the do the trick.

Any advice?

#2

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.el2.x-container.max.width {
    display: flex;
}

.el3.x-column.x-sm.x-1-2.mbn.pbn {
    align-self: flex-end;
}

Hope it helps :slight_smile:

#3

Hey,

Thanks for the reply but unfortunately that didn’t do anything.

#4

Hi There,

I Went directly to Cornerstone > Your Row > Customize and added the Inline CSS

display: flex;

Than I clicked on the column where the image is placed went to > Customize > Inline CSS

align-self: flex-end;

And it worked, hope it helps!

#5

Oh perfect, thank you so much for doing that :slight_smile:
Great, everything looks much better now, thanks again!

1 Like
#6

You’re welcome.

#7

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