Testimonial User Avatar

Hi there,

Instead of using customers heads on the User Avatar I am using product images on it. Is there a possibility to change the round shape to square?

Best Regards,
Tuomo Nurkkala

Hello,

Please provide the page URL we will check and provide custom CSS.

If you have any questions please feel free to contact us.

Best Regards

https://www.sukat.com & https://www.alusvaatteet.com
You can find them in the frontpage.

Best Regards,
Tuomo Nurkkala

Attachments:

You must be logged in to view attached files.

Hello,

I am checking the page, the image does not have any border, if we add the border-radius, it would not be visible and you will see no difference https://prnt.sc/r5ufIN-Q1S8N

Do you want to add a border to the image to show them around? Please provide more details.

Best Regards

Hi Elise,

No I don’t need borders on the image.
I was just wondering if the image could be a square and not a circle.

Best Regards,
Tuomo Nurkkala

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .testimonials.testimon-align-center .testimonial-avatar {
	border:2px solid red;
	padding:3px;
}

Best Regards

The shape will be oval with that code. I guess there is no tricks for having those images as squares… :/

Hello,

Please replace the code for this one:

body .testimonials.testimon-align-center .testimonial-avatar {
	border:2px solid red;
	padding:3px;
       border-radius: 0! important;
}

If you do not need the color, remove these lines:

	border:2px solid red;
	padding:3px;

If you have any questions please feel free to contact us.

Best Regards

Hi Elise,

Yes this code made the trick what I was looking for:

body .testimonials.testimon-align-center .testimonial-avatar {
       border-radius: 0! important;
}

Thanks! 🙂

Best Regards,
Tuomo Nurkkala

You are welcome!

Wish you a wonderful day!

[Author]

Posts