Skip to main content
Text Card

A pre-designed card with navigation controls to flip through multiple cards

Lewis Bowen avatar
Written by Lewis Bowen
Updated over 10 months ago

The Text Card component provides an efficient way to create sliding cards enriched with information and image assets.

Text Card element in Vev

Pro tip: If you find that the Text Card component is limiting your creative vision, consider using the Slider + Interactions feature in Vev. This powerful combination allows you to achieve similar effects while offering greater flexibility and creativity.

Adding a text card

  • From the top menu bar, click on the Add Menu (Shortcut: M)

  • Search for and select Text Card

  • Click and drag the element onto your canvas

Uploading an Image

  • Double-click the Text Card

  • Click the pen icon under Icon

  • Select Add image or choose an image from one of our free stock images libraries

Adding a New Card Text

  • Double-click the Text Card

  • Click the + icon located at the bottom of the settings panel

A new Text Card will be added, you can navigate through them to customize the text and icon for each of them as needed.

Styling a Text Card

  • Background:

    • NA: Change the background color of the Navigation dots

  • Text:

    • TI: Style the Card's Title

    • BO: Style the Card's Body text

    • FO: Style the Card's Footer text

  • Effects: Add different types of shadows or blur effects to the element's Container. Learn more about effects

  • Transform: Adjust the width and height of the icon

Configuration Options

Once you've added the Text Card to your canvas, there are a variety of configuration options, including titles, body copy and icon assets.
​
To start, double-click the Text Card to open the configuration options.

Parameter

Description

Card Color

Color picker to change the Card Text's background-color

Icon

The image appearing on the top left corner in the element

Title

The top-most text in the text group.

Body

The second text element in the text group.

Footer

The last line of text in the text group.

Did this answer your question?