Theme | The overall look of a contact card
|
Theme overrides
Tweak the themes with a few additional options.
FieldsStyle Social Links | Add the official color to social icons (e.g. blue for Facebook...), overriding the icon color |
Card | |
---|---|
Background image | Card background image (has precedence over the background color overrides) |
Background color | Card background color (overrides the theme’s background color) Leave blank to keep the theme’s original color |
Background color 2 | 2nd background color to create gradients. Leave blank to keep the theme’s original color |
Shadow | Set to 'yes' to show a card shadow |
Border radius | The card border radius |
Border width | The card border width |
Border color | The card border color |
Font | The font to use for the card (standard web fonts or Google fonts) |
Font size reference | The font size the whole card is based on (in pixels) |
Font color | The overall text color Leave blank to keep the theme’s original color |
Line spacing | The line height for all fields |
Icon font size | The icon font size (in em). Relative to the font size reference |
Icon font color | Choose the icon color to use |
Icon font background color | The background color of the icon |
Label width | Possible label width to allow all labels to have the same size (in pixels) so that information remains aligned A value of 0 will show information immediately following the label |
Label color | The color of the label |
Label background color | The background color of the label |
Links | |
Links position | The position of the links on the card.
|
Icon font size | The icon font size (in em). Relative to the font size of the card |
Icon font color | The color of the icon |
Icon font background color | The background color of the icon |
Other | |
Additional CSS | An easy way to include additional styles
Example |