This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

Position of the Highlighted errors


  1. sitesme
    Member

    Hi,
    I would like to know how can I change the Highlighted errors on red to make the form shorter. When errors appear the fields will have the errors in between, so the form will go much longer.

    Everything starts with the beginning message that says "There was a problem with your submission." Is there a way of putting these errors on the right side of the field, saving space below the fields?

    Thank you.

    Posted 14 years ago #
  2. redityo

    Hi,

    Try to search these code in your CSS form :

    #main_body form li div
    {
    	color:#444;
    	margin:0 4px 0 0;
    	padding:0 0 8px;
    }
    
    #main_body form p.error
    {
    	clear:both;
    	color:red;
    	font-size:10px;
    	font-weight:700;
    	margin:0 0 5px !important;
    }

    then change to

    #main_body form li div
    {
    	color:#444;
    	margin:0 4px 0 0;
    	padding:0 0 8px;
    	width:68%;
    	float:left;
    }
    
    #main_body form p.error
    {
    	/*clear:both;*/
    	float:left;
        width:30%;
    	color:red;
    	font-size:10px;
    	font-weight:700;
    	margin:0 0 5px !important;
    }

    those code will move error text in the right of your field


    MachForm Support

    Posted 14 years ago #

RSS feed for this topic

Reply