image align

[micheal_w]

Hi guys,

I am using a background image for a row with some content in it. Right now on all screen sizes, that background image is aligned to the middle, so the row’s content height crops from the top and the bottom. Would it be possible to have that image aligned to the top so if anyone sees that image on any size, they will always see the top of the image and the responsiveness will crop from the bottom only?

see link above.

thanks!

[Rui Guerreiro – SUPPORT]

Hi,

I’m not sure about this. Will have to forward it to Ed.

-Rui

[Swift Ideas – Ed]

Hi @micheal_w

Could be done with a custom css – then you can edit the background position on that row to be ‘center top’

– Ed

[micheal_w]

Hi Ed,

Would you be able to provide custom css for me plese?

Thank you,
M.

[David Martin – Support]

You first need to add a custom class to the Row. Ex: bg-center-top. Then you use simple CSS, please read this: http://www.w3schools.com/cssref/pr_background-position.asp

.bg-center-top .spb-row {
    background-position: center top;
}

[Swift Ideas – Ed]

Thanks David, or this – add an ID to that row, then use:

#id .spb-row {
    background-position: top center;
}

– Ed

[micheal_w]

Hi Ed & David,

Thank you, works perfectly!

[David Martin – Support]

Great, glad those helped you.