WPIntell

Source evidence

Image size and alignment

Hover Effects – easily create any hover effect · support · 2021-09-29T07:38:00+00:00

complaintsentiment
mediumseverity
0.92relevance
5replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

3 / 16 rows with source links

18.8% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

13 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
vailse unresolved
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] 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 .

Comments

5 shown
Wow-Company 2021-09-29T10:08:00+00:00

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

vailse 2021-09-30T08:52:00+00:00

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.

Wow-Company 2021-09-30T09:31:00+00:00

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

vailse 2021-09-30T19:44:00+00:00

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

Wow-Company 2021-10-01T06:46:00+00:00

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 .