How to align text to start from left to right

Hi @globsticks,

There might be something in your theme that is changing the alignment of the text on your forms. When you get the chance, can you please provide the URL of the page in question so that we can check it?

Thank you.

Hi @jadeam

here it is:
https://pastebin.com/Fs04bDMN

Thank you

Hi @globsticks,

Thanks for providing the URL.

It looks like there could be a styling conflict between the site theme and the forms. To fix this, please try the following custom CSS snippet:

.wpforms-container .wpforms-form textarea {
    text-align: left;
}

And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.

Hope this helps!

Hi @jadealombro

I have placed that code but the issue persists, is there something else I can try perhaps?

Best Regards,

Hello @globsticks,

Would you mind sending the link to your site again? I tried checking the pastebin link your have e provided but it now goes to a 404 page.

Thank you.

Hello @jadealombro

sure here it is:

https://pastebin.com/4LApDVbb

Thank you!

Hello @globsticks,

Thanks for that. Can you please update the suggested code to:

.wpforms-container .wpforms-form textarea {
    text-align: left !important;
}

Please also make sure that if you are adding the code in an area where there are existing CSS codes that there are no CSS errors present because the code above will not work. In case it helps, you can copy all your codes and paste them here to check for CSS errors.

I hope this helps.

Hello @jadealombro

I copied all code and pasted it there, found 0 errors and 185 warnings
It worked for the textarea box but the other wp forms containers are still aligned at the center

https://prnt.sc/1e7fsci
https://pastebin.com/DGe7X5UM

Best Regards,

Hello @globsticks,

Thanks for clarifying that.

The previous code I provided was to target the textarea specifically. But you should be able to include other fields by updating the CSS code to:


.wpforms-container .wpforms-form textarea,
.wpforms-container .wpforms-form input {
text-align: left !important;
}


I hope this helps!

Hello @jadealombro
It worked
Thank you!

Hi @globsticks,

Glad to hear it’s sorted.

I will mark this post as resolved but please feel free to let me know if you have other questions.

Thank you.