Personalization

It’s easy to create clear TINT allows you to personalize how content appears. Style your display through themes, colors, fonts, and other visual features.

Select any one of our pre-built Web or Display Themes as a template and you’re ready to start customizing in just a few clicks.

Themes

The first section to consider in the "PERSONALIZE" section of the TINT Editor is the "Themes" tab. There are a number of themes available for you to choose from; the WEB & DISPLAY THEMES are intended for embedding on websites. DISPLAY THEMES are intended for use on display screens like TVs. If you’re new to displaying your TINT on the web click here. For more information on showing your TINT on display screens or at events click here.

After selecting any theme under the WEB & DISPLAY THEMES category you can select "Enable Auto Scroll". Enabling this feature will make your posts scroll upwards slowly. You can change the rate at which the posts scroll by hovering over the upper right-hand side of the screen and changing the "SCROLL SPEED".

If you choose to use auto scroll you can also select "Periodically Highlight Posts". Enabling this feature will periodically show posts in a pop-up in the center of the screen. You can change the interval and duration in which the pop-up is shown by hovering over the upper right-hand side of screen and changing the "POST DURATION". Worth noting is that the pop-up only appears on a TINT in Display Mode (not in a web embed). It is also not active in the TINT Editor.

Additionally, you can use ADVERTISING UNITS to create a dynamic scrolling banner advertisement on your website. For more information on Advertising Units click here.

"Enable Auto-Update", also found under the "Themes" tab, allows for TINT to automatically push new content to a display/embed without refreshing the page. This setting is enabled by default. 

Last, but not least, is the "Custom CSS" tool. This enables you to further personalize the appearance of your TINT through the use of your own CSS rules. For more on using Custom CSS click here.

BG

Clicking on the "BG" tab allows you to modify additional background elements on your TINT. BACKGROUND COLOR will open a color picker tool that you can use to choose a background color of your choice. Alternatively, you may delete the current value and simply enter a hexadecimal color value manually. Clicking "transparent" will remove any styling and make the background transparent.

You can also upload your own BACKGROUND IMAGE and BANNER. When creating these images always think about where your TINT will ultimately be shown. For example, if you’re showing your TINT on a display with a resolution of 1920x1080px, it makes sense to upload a Background Image with the same resolution.

For a Banner, the most important consideration is the width to height ratio. Make sure that the width of the image is at least 5 times larger than the height of the image. Creating a banner image that is too high, or has a smaller width to height ratio, can force TINT content off of your display/embed.

Style

Within the "Style" tab you can select your FONT, FONT COLOR, FONT SIZE, and ACCENT COLOR. The Accent Color modifies different attributes on the TINT depending on the Theme that you’ve selected. Commonly, it makes changes to things like hyperlinks and share icons.

You can also choose a Google webfont, or upload your own font. For more information on uploading fonts and Google webfonts click here.

HASHTAG HIGHLIGHT COLOR allows you to chose a custom color specifically for hashtags that appear via a hashtag connection (e.g. if you connect the hashtag #tint, all instances of #tint appearing on posts will match your selected color). This is useful when for events where you want a clearer representation of how people can share their content.

IMAGE EFFECT allows you to apply a photo filter on all of your images.

CTA

The "CTA" tab allows you to bulk create a Call To Action button on posts belonging to a specific feed/connection. For more information on CTAs click here.

Extra

The "Extra" Tab contains additional elements that you can use to further style your TINT. Toggling "Show Text Posts" off will remove all posts that don’t contain an image. Unchecking "Show Share Icons" will remove the sharing icon from all posts. Toggling "Show Post Author" off will remove the author names and author profile images associated with posts. All of these actions are non-destructive, meaning that you can re-enable them at any time without losing any data.

"Enable Auto-Update" also appears in the Extra tab, but functions exactly the same as it does in the Themes tab (see above). Selecting "Remove Duplicate Images" will identify instances of repeat images on your TINT and remove them. For more information click here.

If you are operating internationally you’ll definitely want to check out our LANGUAGE FOR POST TIMESTAMP setting; simply select a language from a dropdown menu, and all of the timestamps on your posts will be displayed in the desired language.

You also have the ability to set a "MINIMUM POST WIDTH" for your posts. Adjusting "POST SPACING" changes the padding between every post.

Multiple Personalization Feature

A more advanced feature of the Personalize section is the Multiple Personalization Feature (MPF). This feature allows you to create different versions of the same TINT. If you’ve ever had to create a new TINT for a live event simply because an existing web format doesn’t work for you, you’ll get a lot out of this feature. For more information click here.

If you have any questions regarding using the Personalize section to customize your TINT please don’t hesitate to let us know at support@tintup.com.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.