Way of not circle-cropping the avatar

gokarna-theme / gokarna-hugo

A minimal opinionated theme for Hugo

https://gokarna-hugo.netlify.app

GNU General Public License v3.0

358 stars 140 forks source link

Open fabrizio-ottati opened 1 year ago

fabrizio-ottati commented 1 year ago

I would like to put an avatar which has not a circular shape (i.e. it gets cropped when displayed on the website). Are there any solutions for this?

jimlei commented 1 year ago

I think the easiest solution would be to override the css

config.toml

customHeadHTML = '''
        <link rel="stylesheet" type="text/css" href="/css/site.css">
    '''

/static/css/site.css

.header-nav .avatar img,
.home-about .avatar img {
    border-radius: 0;
}

This should work without any other changes. You are of course free to place the css file in whatever folder and use whichever name you please.

mansoorbarri commented 11 months ago

@yashmehrotra should there be a site param for this?