Center align not aligning in center

Ignition
12

Examining with a browser Development Tools (F12) reveals the following:

Text Area padding
Text Area padding404×592 23.5 KB

  1. The green box indicates the padding that has been applied to the component.
  2. It's 8px all around.
  3. It is set in by CSS ia_textArea in the theme.

In other words, the Text Area component width is too narrow for your text so it overflows on the right (as shown by the 'c' in the green margin).

You can fix the problem by overriding the theme by adding the following into the Text Area component's PROPS:
style.padding-left : 0px
sytle.padding-right : 0px

Alternately, make the Text Area wider.

The stylesheet appears to set the padding to 0.5rem. See the article below for more on that.
Rem in CSS: Understanding and Using rem Units — SitePoint.

1 Like