Change 4 feature images

Hi Support Team,

How can I change bottom 4 round images to squares? And remove hover effect?

I have applied code below, which shows working fine in Firebug. Please see the attached screen shot.
However, below code did not work when I added to custom CSS.

.feature_inner_box .img {
background: #e1e0e0 none repeat scroll 0 0;
border-radius: 140px;
height: 166px;
margin: 5px;
text-align: center;
transition: all 0.3s ease-in-out 0s;
width: 170px;
}
Thank you,

 

Hello,

Greetings from InkThemes!

Could you please provide us 'URL' of your site so that we can better assist you?

Thanks & Regards!
Priyanka
InkThemes.com

 

http://wordpress-4599-10360-106199.cloudwaysapps.com/

Thank you,

 

Hello,

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature_inner_box .circle, .feature_inner_box .circle img {
    border-radius: 10px;
}
.feature_inner_box .circle:hover {
    background: none;
    animation: none;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Hi Priyanka,

Perfect!! Thank you so much!

You Rock!!

 

You're welcome..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com