Color Settings

In Trippus layout settings, you can easily change the colors of texts, buttons and forms. By adding specific color codes you can quickly and easily change the look of your registration, event page or info page. You can use the built-in color selector to create a new color code or enter the color code directly. The color code you can enter should be a HEX code consisting of a number character and six (6) subsequent digits and / or letters (#000000).

There are a lot of different fields where you can choose color, each affecting different parts of the your event. Below is a infographic and a list of the parts that each separate field affects. The fields are presented in the order they are placed in Trippus admin.

 

PRIMARY COLOR

  • Text color on active tab in the menu bar (not in the mobile template)
  • Background color of the "How many are you?" selector
  • Background color on the "Next" and "Back" buttons
  • Background color in checked boxes in the general information step
  • Background color on the "Amount to pay" button
  • Background color on the "Book" button

SECONDARY COLOR

  • Background color on slider for the "How many are you?" selector
  • Background color in checked checkboxes in the activity step

TEXT COLOR

  • Text color on the "How many are you?" selector
  • Text color on the "Next" and "Back" buttons
  • Text color on the "Amount to pay" button
  • Text color on the "Book" button

BACKGROUND COLOR

  • The background color on the entire page. If there is a background image uploaded then the image will appear and not the background color. Read more about uploading a background image here

BACKGROUND COLOR WITHIN THE BORDER

  • If the background is a color
    • Background color of the registration form on the registration pages
    • Background color for content on event and info pages
  • If the background is an image (see pics at end of article)
    • Enter a value from 0 (completely transparent) to 100 (completely white background).
    • Please note, the transparency cannot be combined with a color. The background color is always white when you specify a degree of transparency.

BORDER COLOR

  • Border color around the content on the page

TABLE COLOR

  • If the background is a color
    • Background color of text plate where you entered your own text under Texts for the web
  • If the background is an image (see pics at end of article)
    • Enter a value from 0 (completely transparent) to 100 (completely white background).
    • Please note, the transparency cannot be combined with a color. The background color is always white when you specify a degree of transparency.

COLOR OF TEXT IN TABLES

MENUTEXT COLOR

  • Text color in the menu of event and info pages

 

Transparency Options