Fix for skewed and stretched images in portfolio

We are sorry for any inconvenience and propose temporary fix for this bug. Copy & paste this code to the bottom of style.css via menu Appearance -> Editor.

.mix img{
max-width:inherit !important;
.lp {
width: auto !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
position: absolute;
top: 0;
left: -67%;
z-index: 0;
.mix:hover {
border:none !important;}
.mix .zoom {
top: 0 !important;
left: 0 !important;
border: 20px solid #fff !important;
width: 200px !important;
height: 200px !important;
line-height: 210px !important;
margin-left: 0 !important;
margin-top: 0 !important;
@media (max-width: 979px) and (min-width: 768px){
.mix .zoom {
border: 15px solid #fff !important;
width: 160px !important;
height: 160px !important;
line-height: 180px !important;}
border: 3px solid;
padding: 5px 8px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;}
.mix {
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
z-index: 1000;
border-radius: 50%;
overflow: hidden;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Article is closed for comments.