The Text Card component provides an efficient way to create sliding cards enriched with information and image assets.
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. |