TL;DR
Position and size settings live in the Styles tab of the message editor.
These settings are defined at the container level.
Use these options to control on-page placement, width, height, and more.
When to Use It
Adjust message position and size when:
You want to change where the message appears on the screen
Your content looks cut off, too large, or poorly placed
You need a mobile-specific layout
How It Works
The Triptease Messages platform uses a modular builder. Message positioning and sizing are controlled by the container, not individual blocks or sections.
Key settings include:
Placement: Choose from preset on-page positions (e.g. bottom center, top right)
Size: Set width and height, or let the system auto-size based on content
Padding & Margins: Fine-tune spacing within and around the container
Step-by-Step Instructions
1. Open the Message Editor
Click into your campaign > select a message > click the pencil icon.
2. Select the Container
Click directly on the outer edge of your message or use the layer selector.
3. Open the Styles Tab
With the container selected, click the Styles tab in the right-hand sidebar.
4. Adjust Placement
Choose a preset position (e.g., top left, bottom center)
Use the preview panel to see how your message will appear on-site
5. Adjust Size
Set fixed width/height or toggle Auto-size
Use padding to create breathing room around your content
6. Save Your Message
Changes won’t apply until you hit Save.
Pro Tips
Use Auto-size to avoid cutoff issues, especially on mobile
Stick to center-bottom placement for promotions and nudges
Preview both desktop and mobile after adjusting positioning
FAQs / Troubleshooting
Question: My message looks cut off—what’s wrong?
Answer: Try turning on auto-size in the container’s style settings. Also check padding.
Q: Can I drag and drop to position a message?
A: Not currently. Use the preset placement options in the Styles tab.
Q: Why don’t size changes apply to my CTA?
A: CTA size is controlled at the block level. Adjust it separately from the container.