Something wrong with parallax

Support
#1

Helle guys! I hope you are doing great!
I wonder if you can help me with this issue.
on this page

https://www.boundlessroads.com/veggie-passport/
the picture that says veggies in the world… should be shown entirely and with parallax effect but it’s like you are seeing it… weird.

here below the screen shots of the settings, but let me know if you need to enter the site.
thank you so much for your help :slight_smile:

#2

Hello There,

Thanks for writing in! The background image will cover the entire section. Your negative margins made the section narrower and less height. Please set a minimum height or insert a gap element in the column to increase the height of your section. Please set the margins to 0 and add some padding to increase the section heights as well.

Hope this make sense.

#3

Hello there!
perfect sense. It works much better now. Thanks a lot.
However I have another issue on the same page.

If you look at it alltogether the pictures are not alligned even thought I have used the same parameter and same margins for all.

I have also justified but it’s still not alligned.
I would like to have all the external margins all the same size so all the boxes are alligned on the sides and of course in the middle in a simmetric order.

I have tried everything I could think of. Could you please help me ?

thanks a lot again
cheers

#4

Hi,

Please set all margins of your image element to zero.

After that, add a class to your image elements.

Then add this in Cornerstone > CSS

.my-image img {
   width:100% !important;
}

Hope that helps.

#5

hello paul
thanks a lot
I did it but it look weird… can you please have a look?
https://www.boundlessroads.com/veggie-passport/
thanks

#6

Hi,

You need to add the my-image in the class field of your image elements for that code to work.

#7

i did but it doesnt work ( for the image on thr right

#8

Hi there,

May I know which right? I checked and the CSS is applied. Please provide a screenshot of the right image. Or you may replace that CSS with this CSS.

.my-image img, img.my-image  {
width:100% !important;
}

This should apply to images with or without the link.

Thanks!

#9

You can see it in the page
https://www.boundlessroads.com/veggie-passport/
here the screen shot

I had inserted the codes as per your instruction.

#10

Hello there! I have resolved! my apologies. I didn’t realized I had the picture of a different size.
so sorry to have bothered :frowning:
all good now :slight_smile:
thanks again for your time
have a great day

#11

Glad to hear you got it sorted.

Cheers! :slight_smile:

1 Like
#12

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