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

Changing the CSS for the Title Area of the Form


  1. MarioCipriano
    Member

    I have a form that I wish to change a portion of the title are for. I would like to center some of the text in this area.

    For example
    Contact Us
    Paragraph information bla bla bla bla

    I would like to center the below information, change the font and make it bold.
    Company Name -> Center
    Company Owner -> Center

    Can you help me find the CSS that will do this please?

    Posted 15 years ago #
  2. redityo

    Hi,

    Do you mean you want to make title and form description centered ? if it's so try to find these code in your CSS form :

    #main_body .form_description h2
    {
    	clear:left;
    	font-size:160%; /* change the font size */
    	font-weight:400; /* change to make it bolder */
    	margin:0 0 3px;
    }
    
    #main_body .form_description p
    {
    	font-size:95%;
    	line-height:130%;
    	margin:0 0 12px;
    }

    then change it to

    #main_body .form_description h2
    {
    	clear:left;
    	font-size:160%;
    	font-weight:400;
    	margin:0 0 3px;
            text-align:center; /*align to center */
    }
    
    #main_body .form_description p
    {
    	font-size:95%;
    	line-height:130%;
    	margin:0 0 12px;
            text-align:center; /*align to center */
    }

    You also can change the "font-size" and "font-weight" value to adjust the font.


    MachForm Support

    Posted 15 years ago #
  3. MarioCipriano
    Member

    Actaully not exactly, I want to center a portion of the title area.

    Tile = Contact US
    Paragraph=Left justified
    Business Owner Name would be centered and in a differnet font.
    Also, why does the software automatly place <br> </br> between each line in the title area?

    I found a way around my problem using a table at the top to handle the Title Area and omitting that informaiton from the Form.

    I also ended up using a re-direct for the thankyou page due to the nature of the need to leave extra space for the form area in the event of an error and the error text needing an expanded iframe area to display properly.

    It a great product, but this was kind of a pain...

    http://tileandgroutrescue.com/Contact.html

    Posted 15 years ago #

RSS feed for this topic

Reply