1. Home
  2. Docs
  3. Card Elements Pro for Ele...
  4. Elements (with setting op...
  5. Listing Card

Listing Card

Content Settings

This content settings divided into two distinct sections,

Listing Card Items

  1. Listing Card Style: Select a listing card style for your favorite Listing Card design. Plus, style 1 to 5 is ready for selection.
  2. Image: Choose a Listing image to showcase your Listing.
  3. Background Overlay: Choose a Listing image background overlay to showcase your Listing.
  4. Name: Write the name of a listing. That might be your favorite list name.
  5. WhatsApp Share: Show or hide the WhatsApp Share icon with the Listing Card.
  6. Display Description: Here, you can show or hide the Listing description with the Listing Card.
  7. Description: You can write something about the listing.
  8. Price: You can write the price for a listing card. 
  9. Button Text: Write the button-text for more information in the listing.
  10. URL (link): Set the button Url (Link) to redirect to other pages for more information in Listing Card.

Rating

  1. Rating scale: Choose a Listing rating star 0-5 or 0-10 to showcase your Listing.
  2. Rating: Write the how rating for a Listing Card.
  3. Icon: Select Listing Icon star Font Awesome or Unicode to showcase your Listing.
  4. Unmarked Style: Choose style for rating star to Unmarked style for a Listing card.

Style Settings

These contents settings are divided into six various sections.

Name

  1. Alignment: You can set Alignment for a Listing name.
  2. Text Color: Choose a text color for a Listing name.
  3. Typography: Customize your font family. Font size, weight, transform, style, decoration, and line-height for a Listing name.
  4. Border Type: Select a border type to decorate the Listing name field with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
  5. Width: Here, you can increase or decrease width via border to set the Listing name field border type.
  6. Color: You can set the border color for the Listing name field border type.
  7. Border-Radius: Set the border-radius for px.

Price

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

Description

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

Star

  1. Alignment: You can set Alignment for a Listing rating star.
  2. Size: Set the size for a listing rating star.
  3. Spacing: Here, you can increase or decrease the gap for a Listing rating star.
  4. Color: Set a star color for a Listing rating star.
  5. Unmarked Color: Choose a star Unmarked color for a Listing rating star.

Button

  1. Alignment: You can set Alignment for a Listing button.
  2. Text Color: Choose the text color for the Listing button. 
  3. Text Hover Color: Choose when hovering on the Text color for Listing button. 
  4. Background Color: Here, you can choose the background color of the Listing button.
  5. Background Hover Color: You can choose the when hovering on the background color of the Listing button.
  6. Typography: Customize your font family. Font size, weight, transform, style, decoration, line-height, and as well as for a Listing text button.

Box

  1. Padding: You can increase or decrease padding to set the gap for a Listing Card.
  2. Background Color: You can choose the background color of the Listing Card content-box.
  3. Border Type: Select a border type to decorate Listing Card with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
  4. Border-Radius: Set the border-radius for px.
  5. Box Shadow: Customize your box-shadow color, Horizontal, Vertical, Blur, Spread, and position for inside or outside for a Listing card content-Box.

Advanced Settings

These advanced settings options give the extra useful feature to manage Listing Card.

Tags , ,

How can we help?