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 5 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?