Removing Image Effects in Storefront template

Hey guys!

I would like to remove the thin white Outline, that is around full-images

Bildschirmfoto 2014-08-16 um 09.55.29.png

as well as the whole darkening and "+" display when hovering.

Bildschirmfoto 2014-08-16 um 09.58.00.png

Thank you very much for your support in advance!

Could you please post an url to your site?

Sure
http://cool-o-mat.com/zentrum/cms/index ... nderwunsch

Please edit: /templates/gk_storefront/css/override.css and add at its end:

Code: Select all

.gkImageWrapperOverlay,
.gkImageWrapperOverlayWrap:hover .gkImageWrapperOverlay > span{display: none;}
.itemImageBlock img:hover {
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
opacity: 1;
}


Remember to enable "CSS override" in template settings - advanced section.