• My Account
  • Nav Social Menu

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • 0 items

Riot Customs

Genesis WordPress Development, Maintenance & Support

  • About
  • Services
  • Shop
    • WordPress Themes
    • ConvertKit Templates
  • Home
  • Courses
  • Blog
  • Contact

Making Your Images or Avatars Round

Written by Katrina

2shares
  • Facebook
  • Twitter1
  • Pinterest1
  • LinkedIn
  • Tumblr
  • Buffer
  • Email


Why be a square when you can be round… okay, I may need to rethink that.

Sometimes having round images for your avatar gives your site some sort of an appeal. Here’s a simple and very easy way to do that. Search in your css file for .avatar and add border-radius: 50%;


.avatar {
    border-radius: 50%;
}

To make all the images round, search in your css file for .img and add border-radius: 50%;


img {
    border-radius: 50%;
}

To make selective images round. Create your own class or ID .pygs and add border-radius: 50%;


.pygs img {
    border-radius: 50%;
}

Results

Use Image On Post

Add Borders to Your Images Using CSS

2shares
  • Facebook
  • Twitter1
  • Pinterest1
  • LinkedIn
  • Tumblr
  • Buffer
  • Email

Tutorials, WordPress Leave a Comment

Get Simply Noted for Free!

This is a free theme we’ve built for the Genesis Framework. It will help your reader focus on the very content you create on your site. This is a clean, simple theme to showcase your writing or photography skills.

Previous Post: « Adding Borders to Images Using CSS

Reader Interactions

Share Your Thoughts Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Simply Noted Theme


Simply Noted

A simple theme for the genesis framework. A great theme for writing out your thoughts. Grab this free theme today!

Download Theme!

Categories

  • Blogging
  • Business
  • Client Work
  • ConvertKit
  • Freebie
  • GenesisWP
  • Interact
  • Personal
  • Theme Releases
  • Theme Updates
  • Tools & Software
  • Tutorials
  • Web Design
  • WordPress

Master ConvertKit

A kick ass tech course on using the ConvertKit software. Want to start growing your list with the best email marketing software out there? What are you waiting for? Grab this course now!

Enroll Now!

Popular Post

4 Steps to DIY Your Way to A Professional Looking Website

How to Install Web Fonts to Your WordPress site

add woocommerce

How to Add a Shop to WordPress Using WooCommerce

content upgrades convertkit

How To Send Content Upgrades using ConvertKit

Footer

Explore

  • Portfolio
  • Resources

Dev Info

  • How it Works
  • Trusted Partners
  • Client Portal

Product Support

  • Theme Documentation
  • Submit A Ticket
  • Support Policy

Grab my secrets on how I manage a WordPress site.

Copyright © 2019 · Riot Customs LLC · Privacy Policy · Terms of Service
Riot Customs LLC has no offical affiliation with StudioPress
Return to top of page

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkRead more