1. Home
  2. Docs
  3. Card Elements for Element...
  4. Element (with setting opt...
  5. Profile Card

Profile Card

Content Settings

This content settings divided into two distinct sections,

Profile Card Items

  1. Profile Card Style: Select a card style to select your favorite profile card design.
  2. Name: Write the name of a person. That might be your team member’s name.
  3. Position: Write the Position of the person. That showcases their profile’s value.
  4. Display Profile Description: Show or hide the profile description with the profile card.
  5. Description: You can write something about that person’s biography.
  6. Profile Image: Choose a profile image to showcase your person’s profile.
  7. Profile Background Image: Choose a profile background image to showcase your person’s background. That’s only open with the selected card style selection.

Social Media

  1. Display Social Icon: Show or hide the social icon with the profile card.
  2. Social Icons: Add new items as social icons to showcase at the bottom of the profile card.
  3. Shape: Select a shape to decorate social media icons. Whether rounded, square, and circle are the options available.
  4. Alignment: Select alignment with the content – left, center, and as well as right-align.

Style Settings

These contents settings are divided into six various sections.

Name

  1. Alignment: You can set Alignment for a profile name field.
  2. Text Color: Choose a text color for a profile name field.
  3. Typography: Customize your font family. Font size, weight, transform, style, decoration, and line-height for a profile name field.

Designation

  1. Alignment: You can set Alignment for a profile designation field.
  2. Text Color: Choose a text color for a profile designation field.
  3. Typography: Customize your font family. Font size, weight, transform, style, decoration, and line-height for a profile designation field.

Description

  1. Alignment: You can set Alignment for a profile description field.
  2. Text Color: Choose a text color for a profile description field.
  3. Typography: Customize your font family. Font size, weight, transform, style, decoration, line-height, and a profile description field.

Content Box Style

  1. Background Color: You can choose the background color of the profile card content-box.

The Social Icon

  1. Social Area Background Color: You can choose a social icon area background-color.
  2. Social Color: Select an option to choose whether you want to go ahead with official social media color or a custom one.
  3. Size: You can increase or decrease icon size via the slide option to set the size of social icons.
  4. Padding: You can increase or decrease icon padding via the slide option to set a social icon’s padding gap.
  5. Border Type: Select a border type to decorate social media icons with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
  6. Border-Radius: Set the border-radius for px.

Social Icon Hover

  1. Hover Animation: Set a hover animation when hovering on social media icons. Whether 20+ animation options are ready for the selection.
Tags ,

How can we help?