Summary
Background colors are controlled at the Section and Container level.
Each section or container can have its own independent background color.
This gives you full control over visual structure and branding.
When to Use It
Use this feature when:
You want to visually break up different parts of a message
You're matching message design to hotel branding
You need different background treatments across blocks
How It Works
In the Triptease Messages platform, both containers and sections can have background colors:
Containers are the outermost element and typically control the overall message background.
Sections sit inside containers and let you apply different colors to different areas of your message.
Each Section can:
Have its own background color or image
Override the container’s background settings
Be stacked with other sections to build a visual layout
Important: If a Section covers the full area of the container, its background will visually override the container’s background.
Step-by-Step Instructions
1. Open the Creative Builder
Enter the message from your campaign by clicking the pencil icon.
2. Changing the Container Background
Select the Container, or click outside the message to ensure nothing else is selected.
Choose the Styles tab in the top-left and scroll to the Appearance section.
There are 3 ways to change the Container background color:
Click on the small colour swatch and use the color selector to choose a color, or enter an RGB value.
Enter a hex code value directly into the Background box.
Use the down arrow on the right-hand side of the Background box to select a pre-defined brand color.
Tip:
If the expected brand colors are not available, check that the correct hotel is selected in the top-right of the Creative Builder screen.
3. Changing a Section Background
Select the Section you want to update.
Ensure Apply background color is set to Yes in the Section settings.
There are 3 ways to change a Section background color:
Click on the small colour swatch and use the color selector to choose a color, or enter an RGB value.
Enter a hex code value directly into the Background box.
Use the down arrow on the right-hand side of the Background box to select a pre-defined brand color.
Pro Tips
Use alternating background colors to separate sections visually
Avoid using white sections on a white page background—they may appear invisible
If you're not seeing a color change, double-check whether you're editing the Container or a Section
Keep color contrast strong for readability
FAQs / Troubleshooting
Question: Why can’t I see my background color change?
Answer: A block or overlapping section might be hiding it. Also check whether you're editing the Container or a Section.
Q: Can I apply gradients or patterns?
A: Not at this time. Only solid colors or image uploads are supported.