Change colour and size of Testimonials ring

edited June 10 in Appointment Theme
Hi,

How can I change the colour and size of the testimonials avatar ring?

It is currently has a dark brown border from the the stock background image.


Thanks

ITP

Comments

  • edited June 11
    Hi 
    Thanks for contacting to us.
    For  Go to Appearance >> Customzier >> header setting >> custom css box. 
    Add the below css code inside the custom css box. 

    .author-box img {background-color: #e65604;}
    .author-box img {
        padding: 2px;
    }

    Change padding and color value as your need.
    Let me know for any confusion.

    Thanks
    AKhilesh
  • edited June 11
    Hi there,

    Perfect, that did the trick! How can I increase the size of the avatar circle itself?

    Thanks

    ITP
  • Hi 
    For this add the below css code inside the custom. 

    .author-box img {
        height: 150px;
        width:  150px !important;
    }
    .author-box {
        margin: 0 150px 20px 0;
    }


    Let me know for further assistance.

    Thanks
    Akhilesh

  • Hi,

    That didn't quite work, even though I have 150 x 150 the width of the circle isn't adjusting. Any ideas?


    Thanks

    ITP
  • Hi 
    Oops remove the previous comment  css code and add the below css code inside the custom css box. 

    .author-box .img-circle {
        width: 150px ! important;
        height: 150px;
    }
    .author-box {
        width: 150px;
    }

    Let me know for any confusion.

    Thanks
    Akhilesh

  • Excellent, thanks!
Sign In or Register to comment.