Tourbuzz Support

Everything you need to know to create virtual tours with Tourbuzz

Follow

Overview: How To Customize Colors On The Vignette Design

This article will go over how to change the colors on the Vignette design as well as some pre-made customization references to popular brokerage colors.

Customizing colors on:

  • Vignette

Before making any major changes to your designs, click on duplicate and rename your new design. This way, you will always have the original to revert back to.

To do this, click on designs then duplicate.

Vignette_Duplicate_.png

Give your design a new title, then click duplicate.

Vignette_Copy_.png

Customizing Colors on Vignette

Background Color - This sets the overall page background color.

In the example below, the Background Color is yellow.

Primary Color - This sets the color of headlines on background color. It is also used for the shortcut bar, menu, standard buttons, description, and property stats.

In the example below, the Primary Color is yellow.

Section bg Color - This sets the background color for Neighborhood, Presented By, Share, and Footer sections.

In the example below, the Section Background Color is yellow.

Section Primary Color - This sets the font and icon colors for Neighborhood, Presented By, Share, and Footer sections.

In the example below, the Section Primary Color is yellow.

Highlight Reel Color - This sets the font color for Headlines 1 & 2 in the highlight reel.

In the example below, the Highlight Reel Color is yellow.

Vignette_-_Highlight_Reel_Color.png

Image Title Color - This sets the font color for image titles and description.

In the example below, the Image Title Color is yellow.

Overlay Color - This sets the font color for the schools overlay text. It also sets the floorplan hotspot overlay background color.

In the example below, the Overlay Color is yellow.

Highlight Reel Complete bg Color - This sets the background color for the overlay when the highlight reel has completed.

In the example below, the Highlight Reel Complete Background Color is yellow.

Highlight Reel Complete Font Color - This sets the font color for the overlay when the highlight reel has completed.

In the example below, the Highlight Reel Complete Font Color is yellow.

Highlight Reel Letterbox bg Color - This sets the background color for the highlight reel when the media is letterboxed.

In the example below, the Highlight Reel Letterbox Background Color is yellow.

Vignette_-_Highlight_reel_letterbox_bg_color.png

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