Board Thread:Support Requests - Designing Your Wiki/@comment-27612891-20170212030223/@comment-168424-20170214184246

Here's another way... based on: http://sixrevisions.com/css/circular-images-css/

You can see it work by copying the CSS part below into your Special:MyPage/wikia.css and visiting User:Fandyllic/sandbox-circular-crop-test.
 * HTML/wikitext

.circular--landscape > a > img { display: inline-block; position: relative; height: 200px; width: 200px; overflow: hidden; border-radius: 50%; }
 * CSS

You will have to tweak the  and   in the CSS to match the height of the image. It just happened that the image I chose to test with was approx 200 px tall when you make it 270 px wide.