Tagged: animations, CSS, design, gallery
-
AuthorPosts
-
June 15, 2020 at 12:38 pm #1222620
I inserted gallery (big images with thumbnails below) in layout builder, but I don’t like the white border on the site. I removed it, but now the alignment isn’t good. How can I fix it? I also don’t like on hover animation, it flashes too much when you move from one image to another. I would like to keep it, just turn it down a little.
I added the link to the site in private content so you can imagine better how it looks and what I want to change.June 16, 2020 at 3:40 pm #1223078Hey klara999,
Could you please attach some screenshots of the issue?
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaJune 17, 2020 at 11:08 pm #1223508Hi, I drew on the screenshot of the site.
I removed the white border on the preview image, but not the images below it aren’t in the same line that the bigger picture. Please check it out and let me know what I can do to fix this. And for the hover animation, I don’t know what to screenshot. When you move across the pictures below the white hover is just too much. I want “calm” animation.
Thanks for your replay.- This reply was modified 4 years, 5 months ago by klara999.
June 18, 2020 at 6:13 pm #1223846Hi klara999,
I tried to remove the right and lift border for the images on the sides, the images become bigger, and the layout breaks.
This code will remove paddings on the side for all images but the layout does not break like this:
#top div .avia-gallery .avia-gallery-thumb a img { padding-left: 0; padding-right: 0; }
To make the animation slower you’ll need to edit this JavaScript file
/config-templatebuilder/avia-shortcodes/gallery/gallery.jsBest regards,
VictoriaJune 19, 2020 at 3:39 pm #1224080Hi Victoria,
I tried, this it fixes the problem. Although, now there is also no space between the images. How could I add some just on the middle, and not on the sides?Thanks for your reply,
Klara- This reply was modified 4 years, 5 months ago by klara999.
June 24, 2020 at 12:30 pm #1225156Hi Klara,
I was trying to explain to you that changing margins or paddings on the side images affects their width and the layout is broken.
It looks like you got it working for you, right? Or do you need us to have another look at it?
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.