I am using the JA Resume template. I have created a gallery on the Homepage using JoomlArt Advanced Custom Module called 'Home Gallery', which is done in gallery style 2. I have set the hover animation to flip. However, there is padding meaning that the box displayed when it flips is larger than the original image when it is not being hovered over. I would like to remove the padding so that the image displayed when it flips is the same size as the original image. This DOES need to be responsive like the original image itself. What code can I put in the custom.css?
item item-1 grid-xs-2 grid-sm-2 grid-md-4
padding: 0px 20px 40px; left: 0px; top: 0px; position: absolute;
Think it should be:
item item-1 grid-xs-2 grid-sm-2 grid-md-4
padding: 0px 0px 0px; left: 0px; top: 0px; position: absolute;
I think the above code is what I need but I'm unsure exactly how to structure it within the custom.css file.
Any help would be greatly appreciated.