1. Home
  2. Docs
  3. Buddypress Elements
  4. Buddypress Friends

Buddypress Friends EA Element

BuddyPress Friends EA Element is a profile customization widget for the Elementor page builder. It is now easy like anything. You can add color, customize their borders looks and feel. Here in this tutorial, you’re going to learn how to use the BuddyPress Friends element into Elementor Page Builder. So let’s get straight into it:

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Buddypress Friends Element

 

 

»Content

 

Image

⇒Choose Image: Upload an image or select from your media file for the BuddyPress Friends profile image.

⇒Image Size: Set the image size from our pre-defined sizes. You can also set your custom size for the image.

⇒Alignment: Customize the image alignment either to the left, center, or right.

⇒Caption: Set the caption for the image. If you select the custom caption, then add your own caption.

⇒Link: Select the link either from the media file or type your custom URL. You can also leave this as none.

 

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.


»Style

 

Image

⇒Width: Set the image width manually for different dimensions.

⇒Max Width(%): Set the max-width of the image manually for different dimensions.

⇒Opacity: Control the opacity level of the image for both normal and hover view.

⇒CSS Filters: Customize the CSS filters for the image. Manually edit the blur, brightness, contrast, saturation, and hue of the image.

⇒Transition Duration: Set the transition duration of the image on hover.

⇒Hover Animation: Select the hover animation for the image.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the image for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the image border for both normal and hover view.

⇒Border Radius: Set the border radius for the top, right, bottom and left around the image border for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of Buddypress Friends Element.


Was this article helpful to you? Yes No

How can we help?