In my current WordPress project, I am utilizing the BuddyPress, WooCommerce, and WC Vendors plugins for enhanced functionality.
To personalize each vendor's product listings, I decided to display their BuddyPress profile picture alongside their products. To achieve this, I added a snippet of code to my functions.php file:
function change_wcvendors_cart_sold_by_meta_template( $meta_html, $product_id, $vendor_id ) {
// Code implementation here
}
The implementation was successful, as now the user's BP profile image is displayed next to their username under the "sold by" text.
However, I wanted to further customize the profile image by making it round using CSS. Despite attempting to apply border-radius properties in the custom CSS section, I couldn't achieve the desired effect.
.profile-image {
/* CSS styling example */
}
If anyone could provide guidance on selecting the correct selector for styling the BP profile image, that would be greatly appreciated.
Thank you,