Skip to content

How to force all Avatars to be square

Replace the round user avatars in Vehica with square ones everywhere they appear — listing cards, chat, and the user panel — using a single CSS snippet.

1 minute read

Please add this CSS code:

css
.vehica-user-image-v2__image,
.vehica-user-image-v2 img,
.vehica-chat__avatar-small,
.vehica-chat__avatar-big,
.vehica-panel-card__user img,
.vehica-panel-menu-mobile__avatar__image,
.vehica-panel-account__image,
.vehica-panel-menu-desktop__avatar__image,
.vehica-desktop-user-menu__top__avatar {
border-radius:0%!important;
}

This article explains how to add CSS code to your theme so that it stays compatible with future updates: How to add CSS code that is future update compatible

Ask the people who build Vehica

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Was this guide helpful?