Conversation
supportOn the website https://www.cjays.eu I have installed the plugin for hover effects. I’ve inserted the code for the hover effect on the 4 images on the homepage but know on image is either aligned to the left of the page or it’s smaller then the other 3 images. I haven’t changed any other settings on this page. Hopefully you can help me fix this. Kind regards, Ilse The page I need help with: [ log in to see the link]
Hello. The problem with not the plugin Hover Effects. You set the custom property margin-left: 300px for a block with the image. Try to set the margin-left: 257px
Hello, I haven’t set any margins on the image. As soon as I add hvr-shrink to the third image it aligns to the left side of the page. When I delete hvr-shrink it’s positioned where it should be.
The class hvr-shrink doesn’t change the property width of the image. Now the 3 image hasn’t class hvr-shrink
I know the 3rd image doesn’t have the class hvr-shrink because when I add this class the alignment of the image changes
OK. Try the next: Add the class hvr-shrink to the 3 element Add the custom property display: block !important to the 3 elament This reply was modified 4 years, 8 months ago by Wow-Company .
Hello. The problem with not the plugin Hover Effects. You set the custom property margin-left: 300px for a block with the image. Try to set the margin-left: 257px
Hello, I haven’t set any margins on the image. As soon as I add hvr-shrink to the third image it aligns to the left side of the page. When I delete hvr-shrink it’s positioned where it should be.
The class hvr-shrink doesn’t change the property width of the image. Now the 3 image hasn’t class hvr-shrink
I know the 3rd image doesn’t have the class hvr-shrink because when I add this class the alignment of the image changes
OK. Try the next: Add the class hvr-shrink to the 3 element Add the custom property display: block !important to the 3 elament This reply was modified 4 years, 8 months ago by Wow-Company .