Centering and Aligning text on showit

Working on your template

Learn how to center and align text on Showit for a polished website layout. Step-by-step guide to text alignment for desktop and mobile.

Tutorial: Centering and Aligning Text on Showit

Proper text alignment is key to creating a clean and professional look on your Showit website. Whether you’re aiming for centered, left, or right alignment, this guide will show you how to quickly center and align text to fit your design needs.

Watch the video

Step 1: Select the Text Element

  1. Open your Showit App and navigate to the Canvas view.
  2. Click on the text box you want to align or center. The text settings will appear in the right-hand panel.

Step 2: Aligning Text

  1. In the Design section of the right panel, you will see text alignment options under the Text tab.
  2. You can align your text in one of the following ways:
    • Left Align: Aligns text to the left of the text box.
    • Center Align: Centers the text within the text box.
    • Right Align: Aligns text to the right of the text box.
  3. Choose the alignment option that best suits your design.

Step 3: Centering Text Vertically

  1. To vertically center the text within its container (e.g., a section or canvas), first, select the text box.
  2. In the Layout section of the right panel, look for the Vertical Alignment option.
  3. Select Center from the dropdown to align the text vertically in the middle of the container.

Step 4: Adjusting Text Box Size and Position

  1. If your text isn’t centering as expected, adjust the size of the text box to ensure it’s wide enough for the text to be centered within the container.
  2. You can drag the text box edges to resize it or use the Width and Height settings in the Layout section to make the adjustments more precise.

Step 5: Mobile Optimization

  1. Switch to Mobile View in Showit to ensure the text aligns well on smaller screens.
  2. You may need to make additional adjustments for mobile view, such as changing text size, alignment, or container width, to ensure it looks balanced on different devices.

Final Notes

Centering and aligning text correctly on your Showit website helps maintain a neat and organized layout. With just a few simple adjustments, you can ensure your text looks polished and aligned with your overall design.

Back to tutorials

Get in touch

If you have any questions or would like to get in touch, please email us we will get back to you as soon as possible.

Contact us