Stop services pics from zooming in.

Also, how do I stop the picture in the 4 services circles from zooming in on the home page? Thanks

 

Hello,

Remove the following code from your "style.css" file from line number 1531-1540 and from 1601-1613.

Also sending you the code which you have to remove.

Code:

box-shadow:
        inset 0 0 0 0 rgba(200,95,66, 0.4),
        inset 0 0 0 16px rgba(255,255,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);
 
-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 
-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
 
    -webkit-backface-visibility: hidden;

it will solve your issue.

Thanks & Warm Regards
Harmeet Singh
InkThemes.com

 

Thanks, I did that but it wasnt exactly what i was looking for. I want the pic to be the size it is when I hover over it so basically showing the full picture and not a zoomed in version.

http://legacyofourelders.com/

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.ch-img-1 {
background-size: 260px 260px!important;
}
.ch-img-2 {
background-size: 260px 260px!important;
}
.ch-img-4 {
background-size: 260px 260px!important;
}
.ch-img-3 {
background-size: 260px 260px!important;
}

This will solve your issue.



Thanks & Regards
Gourav Shrivastava