Image / Parallax

Support
#1

Hi There,

I’m trying to insert some images but i’m having some problems:

1st. just the image, can i set a different height, but keep it fullweight?
I Want the image to be cropped only on the height

2nd. I’m trying to make a parallax effect with an image, but it doesn’t work and the image appear with a very small height and without the parallax effect.

Can you help with that also

thanks

#2

Hi There,

You can add this to your Images inline CSS

max-height: 500px; overflow: hidden;

Feel free to adjust the max-height value.

No, you can not apply a parallax effect to an Image content, only to a background-image.

Hope that shed some lights,
Cheers!

#3

Hi there,

ok, that worked, now… how to align the image in the middle?
when it crops the image it’s cropping from the bottom. I want the image to be cropped from the top and from the bottom at the same time… I tried adding "vertical-align: middle"but didn’t work.

This is another image … It is a background-image (background lower layer) as you can see in my first post with the screenshot.
Any idea why the parallax it’s not working - and it is a background-image

Thanks

#4

Hi there,

In that case, just add your image as a background instead of the image element. It’s not going to vertically align since positioning only works on a background image. All options including size and positioning is there once you set it as background, you just need to change it to a background image.

Then simply add a gap element with size around 500px.

And the parallax is working, it’s just empty. Just add gap element and set its size.

Thanks!

#5

Thanks!
:thumbsup:t3:

#6

You are welcome!

#7

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