Use circle styling on images

  • Resolved thefutureisbright

    (@thepaulcook)


    10 years, 4 months ago

    Hi, love the theme! I wonder is there a way to use the circle styling you’ve used for the gravatar to other site images to style them in the sam way? I’ve tried using .avatar and .site-intro but neither seem to work?

Viewing 1 replies (of 1 total)
  • Thread Starter thefutureisbright

    (@thepaulcook)

    10 years, 4 months ago

    ok so I figured it out just created a new class called circle in the Jetpack custom css and added that class to an image through the image editor. `.circle {
    width: 200px;
    height: auto;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 .618em rgba(0,0,0,0.05);
    box-shadow: 0 0 0 .618em rgba(0,0,0,0.05);
    margin: 0 auto;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    }`

Viewing 1 replies (of 1 total)
  • The topic ‘Use circle styling on images’ is closed to new replies.