How can I center or align my text differently?
Adjust text alignment easily and without breaking the layout
Key points • Modify alignment directly from the Editor • Understand the limitations of global styles • Identify when Designer intervention is necessary • Ensure visual consistency across desktop and mobile
Text alignment plays a crucial role in the aesthetics and readability of a hotel website. Centering a title, left- or right-aligning a paragraph, or standardizing the appearance of a section can improve consistency and visual impact. Here's how to do it effectively, depending on the options available on your site.
Change text alignment from the Editor
In most cases, you can easily adjust the alignment via the Editor.
Procedure :
- Open the published page.
- Click on Login to access the Editor.
- Hover over the desired text area, then click Edit.
- An editing bar appears above or below.
- Click on the alignment icon: • Align left • Center • Align right • Justify (depending on settings)
- Publish the page.
💡 Tip: Centering works particularly well for a title, subtitle, or call-to-action, but avoid centering long paragraphs to prevent harming readability.
Understanding the limitations of the Editor
Some sites lock alignment choices to maintain overall consistency. In this case: • Alignment options may be grayed out or absent • The structure may enforce an alignment defined by the Designer • Changing the alignment may require a global style
If you do not have access to the alignment change, it means that the style has been intentionally fixed to ensure a consistent visual identity.
Modify the alignment via the Designer (if necessary)
For structural adjustments, a Designer intervention allows you to: • Define the default alignment for a style (H1, H2, paragraph, etc.) • Center an entire block, not just the text • Adjust the alignment on mobile without affecting the desktop • Create a reusable style (e.g., “Centered Title”, “Centered Text Block”)
This method guarantees perfect consistency across all pages.
Pay attention to the alignment on mobile devices.
Alignment should be mobile-first. After modification: • Test the rendering on phone and tablet • Check line breaks • Ensure that centering doesn't disrupt the layout • Verify that elements remain legible on small screens
💡 A title that is too long and centered can be difficult to read on mobile. Sometimes, left alignment is more effective.
Best practices for a hotel website
To maintain an elegant aesthetic: • Use centering for short, impactful elements • Left-align paragraphs to improve readability • Avoid right-alignment, which is often less natural • Ensure that all blocks within the same section use the same alignment
A clear visual hierarchy reinforces the premium perception of your establishment.
Conclusion
Centering or repositioning text on your hotel website is easy with the Editor, as long as the style isn't locked to ensure overall consistency. For more advanced or repeatable changes, a Designer allows you to create custom styles. By always testing the rendering on mobile, you guarantee a smooth and elegant experience for your visitors.