Text Alignment for Input and TextArea (BS4)

Hi, I’m struggling to centre text in Input and TextArea. The Text alignment in the properties window doesn’t seem to work nor does the Styles in the Properties window work for me either.

Using styles text-align: center; (Works sometimes for TextArea)

Also if I was to put a shadow around an Input, The shadow exceeds the input area to the selected area size?

Using: styles box-shadow:0 0 4px rgba(0,0,0,0.5);

Any ideas please

I don’t have a definitive answer. Here’s something I find useful, though. It’s a list of class names that Bootstrap has. You can add these to the class property of the control to affect its appearance.

Thanks George.

Super helpful.

Just for the record
for Input fields:
text-center works in class
box-shadow: 2px 2px 7px 2px #888888; works in style (can’t inset but still makes the input fields pop nicely)

For TextArea
text-align: center works in style
box-shadow: 2px 2px 7px 2px #888888; also works in style.