I have horizontally centered the images but I can't get the css right to vertically align the carousel images to the middle .

TEMP URL: empirearbitration.com/index.php?option=com_content&view=article&id=100:diversity-receivers&catid=36:ip-network-server-controllers&Itemid=413

Is this possible with ZT2?

I know it is problematic in css to align vertically

css-tricks.com/centering-css-complete-guide/

I had a look at this for a while and couldn't get it

I ended up just adding a height

.zentools.zt-no-margin .zt-image img {

height: 100px;

}

You would either want to use a module id or the position to avoid any potential issues with other modules if you tried this

Cheers
Paul

I wish, but height: 100px distorts the image.

The consensus appears to be that this is the best way, but it is not working for me:

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

So I thought it may be xero or zentools2 that is prohibiting that from working....

One of options I did try was this

.zentools.zt-no-margin .zt-image {
position: relative;
}
.zentools.zt-no-margin .zt-image img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

MAGIC! It works now. I must have needed some extra selectors...

Thanks!

ah I discounted this as I thought the images looked better with a height

Also you may want to add the moduleid as I said before to avoid any conflicts with other modules