Trombinoscope view: theming (grid)

Pro
Theme The overall look of a contact card
Original theme Original
The default look.
Theme 1 Theme 1
Floating icons show on top of the card. Field 2 and over are slightly moved to the right
Full Slide theme Slide blind
Contact information is hidden and revealed when hovering on top of the contact picture
Download more themes Download more themes

Theme overrides

Tweak the themes with a few additional options.

Style 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
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
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
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
Other
Additional CSS An easy way to include additional styles

Example .te_trombinoscope .field { text-align: center; }

Related tutorials and topics

Featured Blogs