Change circle boxes on home to square

Hello! Is it possible with CSS to change circle image boxes on Home to square? Has something to do with this CSS I am thinking but not sure exactly. Thank you!

element.style {
}

brown.css?ver=4.7.5:79
.feature-content-inner .circle {

1. background: #da8c40;

}

style.css:637
.feature-content-inner .circle {

1. width: 152px;
2. height: 148px;
3. border-radius: 100px;
4. -moz-border-radius: 100px;
5. -webkit-border-radius: 100px;
6. -khtml-border-radius: 100px;
7. text-align: center;
8. background: #f3cc0c;
9. display: inline-block;

}

 

For this, you need to paste the below custom CSS code in the Custom CSS field located under Dashboard->Appearance->Theme Options->Styling Settings

Code:

.feature-content-inner .circle {
    width: 152px;
    height: 148px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}
.feature-content-inner .circle img {
    width: 142px;
    height: 138px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

Hope the above code works for you.

Regards!
Naveen Kolhe
InkThemes.com

 

Perfect! Thanks for the excellent support!!!

 

You are most welcome!