Image alignment and link questions

Sorry and I’d also like to move the images closer to each other towards the centre. For convenience, all questions are:

1) How can I get the images to be aligned centre vertically? Currently centred horizontally as per the option in the theme provides but as you can see they all seem to be aligned “top” vertically.
2) How come the centre image shows an overlay when cursor goes over it and the others don’t? Can I remove this?
3) Can I remove some of the whitespace around the top and bottom of the images?
4) Can I move the images all closer towards the centre of the page?

Thanks!

Best,
Jonathan

Hi Yigit,

Very sorry about the duplicate topic, I was worried that I threw too much into this one so thought I’d at least find out the most important answer I needed quicker on it’s own. Won’t do again.

I dug through the forum a bit as I needed to fix everything in short order and I at least found working solutions, but not sure if they were the best.

For 2) I used the css .image-overlay { display: none!important; }

For 1) and 4) I just created a custom class and used the following code – is this the best way to accomplish this or is there a better way to align everything middle vertically and move left/right as needed?

.avia_image.asseen1 {
top: -8px;
right: -160px;
}

.avia_image.asseen2 {
top: -38px;
}

.avia_image.asseen3 {
top: -21px;
left: -160px;
}

Thank you,
Jonathan

Thanks =)