My Profile Photo

Josh Gerdes


Founder of Lost Leaf Studio, developer, consultant, cyclist, soccer fan, nature enthusiast and lover of beer.


How to add your profile photo to a page in Ghost

I thought with the new year I should spruce up my online presence. So I decided a new site was in order. I’ve really enjoyed what I’ve seen with Ghost so I decided to have a go with it. It’s been smooth sailing so far and I’ve come across a few tricks that I thought I should share one.

If you’re interested in adding you profile photo to a page and/or template just do the following:

Add this html to the location where you want your profile image shown:

<img src="" class="profile-image" alt="My Profile Photo"/>

Add this to your css file:

.profile-image {
      position: relative;
      width: 100px;
      height: 100px;
      border: 3px solid #fff;
      border-radius:100%;
}

And if all went well you’ll see the profile image similar to what you see on this site. Enjoy.