Show dynamic crypto currency profiles with the interactive Crypto Currency Card widget. This feature lets you not only show live currency updates but also lets you customize the display interface according to your preferences.
Let’s explore the widget customizations.
Inserting Widget
Drag the Crypto Currency Card widget from the widget menu inside the Elementor editor page and drop it inside the page. Please keep both Element Pack and Elementor plugins installed for it to work.
Content Tab Customizations
Crypto Currency section
Go to Content > Crypto Currency
Initially, the widget will take a few seconds to pull data from the web.
The Crypto Currency field lets you select specific currencies and only show them on the screen using the widget. You can adjust the Limit to set the number of currencies over the display.
Then, you can select a standard Currency to display the value of the crypto currencies with it.
Additional Option Switchers
Go to Content > Additional Option
There will be a number of switchers such as Show Currency Image, Show Currency Name, Show Currency Short Name, Name & Short Name Inline, Show Current Price, Show Change Price (%), Show Marketing Rank, Show Market Cap, Show Total Volume, and Show 24h Change(%).
Turning these switchers on will show the corresponding element over the screen and vice versa.
Style Tab Customizations
Crypto Currency Card section
Go to Style > Crypto Currency Card
Here, you can change the Background Color of the whole interface.
You can configure a Border Type, Width, border Color, and Border Radius.
Also comes with Padding and Box Shadow options.
Logo section
Go to Style > Logo
In this section, you can change the size of the currency Logo and adjust its position with the Margin fields.
Currency Name section
Go to Style > Currency Name
Here, you can change the Color of the currency Name and then go for font customizations through the Typography settings. Also comes with Margin fields to let you reposition the names.
The currency short names also come with the same set of controls as the names.
Currency Price section
Go to Style > Currency Price
Here, you can customize the Color and Typography of the Price of the crypto currencies.
There will be a separate set of Color, Typography, and Spacing options for the percentage or hourly change price of the currencies.
Currency List section
Go to Style > Currency List
In this section, you can change the color of the text or the following Attribute Name Color, Attribute Value Color, and Typography of the attributes.
You can also set a Border Type for the attributes and customize the Border Width and Color.
The options let you change the Padding and Margin values as well.
Variations in Crypto Currency Card Background (Example)
Video Assist
The Crypto Currency Card widget video is coming soon. Please visit the demo page for examples.
Thanks for being with us.
