It works fine now! Thank you!

Thank you Eri

Could you try the following Custom CSS instead...

[class*=" imghvr-"] > img, [class^="imghvr-"] > img {

    width: 2000px;

}

Ciaran

Hello Ciaran,

I sent the screenshots by email as they exceed 2 MB.

Thank you,

Eri

Hi Eri

Could you please provide a screenshot demonstrating the issue you are having.

Ciaran

Hello Ciaran,

I'm afraid that this is not what I wanted...

I noticed that when I deactivate the following line in bold in the inspect elements window of the page (http://stavrodromion.org/home-gr) then I get the result I want:

@media only screen and (max-width: 1280px) and (min-width: 960px)
.j51imagehover130 .j51imghvr-item {
max-width: 33.333%;
}

I also notice than when I deactivate the line above then the following line in bold is activated:

.j51imagehover130 .j51imghvr-item {
display: inline-block;
max-width: 12.5%;
padding: 0px 0px;
box-sizing: border-box;
}

I believe that the solution might be a combination of the above.. Can you please advise?

Thank you,

Eri

Hi Eri

By default this module will not display images bigger than their actual size. You can override this by adding the following to the Custom CSS field of your template settings...

[class*=" imghvr-"] > img, [class^="imghvr-"] > img {

    width: 500px;

}

Ciaran