Image size and alignment

  • On 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]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Wow-Company

    (@wpcalc)

    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

    Thread Starter vailse

    (@vailse)

    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.

    Plugin Author Wow-Company

    (@wpcalc)

    The class hvr-shrink doesn’t change the property width of the image.
    Now the 3 image hasn’t class hvr-shrink

    Thread Starter vailse

    (@vailse)

    I know the 3rd image doesn’t have the class hvr-shrink because when I add this class the alignment of the image changes

    Plugin Author Wow-Company

    (@wpcalc)

    OK.
    Try the next:

    1. Add the class hvr-shrink to the 3 element
    2. Add the custom property display: block !important to the 3 elament
    • This reply was modified 3 years, 5 months ago by Wow-Company.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image size and alignment’ is closed to new replies.