Align Right and Left edges of ALL text boxes and text areas

  • Profile Image
    prestonehrler
    Asked on January 28, 2012 at 04:51 PM

    It seem like one can set the width of some label via the SIZE funciton, yet for a Text Box, the size is in Columns.  Therefore, it seems, one cannot easly set the width of all forms through a single funcationality.  Is there something I'm missing, or another way to do this?

     

    Thanks!

  • Profile Image
    mliz
    Answered on January 28, 2012 at 10:34 PM

    You can use Inject Custom CSS to set the alignment and width of the form labels. The CSS code below formats all the labels in the form. You can change the values according to your needs.

    .form-all label  { 
        width:100px;
        height:25px;
        margin-left: 5px;
        margin-right: 5px;
    }

    Let us know if you have further questions.

  • Profile Image
    abajan
    Answered on January 28, 2012 at 11:41 PM

    Preston

    Judging from the link you have provided, I think you actually want the text box and text area inputs aligned, as opposed to their labels:


    If that's the case, please inject the following code:

    .form-textbox,
    .form-textarea {
    width: 331px;
    }

    Change the width's value (331) according to your preference.

  • Profile Image
    abajan
    Answered on January 28, 2012 at 11:45 PM

    I've changed the title and tags of the thread to reflect what I'm pretty certain you meant.