Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter IPIP

    (@ipip)

    Thanks for reply. Here is a link to the development page “Contact Us:

    You can see the default width of the four data entry fields, ‘Your name’, ‘Your email’, ‘Subject’, and ‘Your Message’ are the same- white box areas are equal.

    I want to set the ‘Your message’ field to have a default width (white box width) equal to page width (or 85% of page width either of these settings will do. Thanks

    Thread Starter IPIP

    (@ipip)

    Many thanks- Have tried positioning this in a few places but the default white text area for the message input does not change (remains same width as name and email fields). Here is my CSS Style content in full:

    .wpcf7-form {
    	background:#dcc8a5;
    	padding:20px;
    	border:2px solid #f6efdf;
    	margin-bottom:30px;
    	border-radius:7px;
    }
    
    .wpcf7-form input {
    	background:#f6efdf;
    	padding:5px 7px;
    	border:3px solid #8CB5CC;
    	margin-bottom:8px;
    	border-radius:7px;
    }
    
    .wpcf7-form textarea {
    	background:#f6efdf;
    	padding:5px 0px 5px 7px;
    	border:3px solid #8CB5CC;
    	border-radius:7px;
    }
    
    .wpcf7-form p {
    	color:#dfe6f6;
    	margin-top:10px;
    }
    
    .wpcf7-form .wpcf7-submit {
    	background:#dfe6f6;
    	cursor:pointer;
    	padding-left:15px;
    	padding-right:15px;
    	color:#0f344f;
    	border-radius:7px;
    }
    
    I'm not using a child theme and the relevant HTML code in CF7 Form is:

    <p><label>Your Message:
    [textarea your-message] </label></p>

    Any suggestions on what else I could try to extend the default width of the ‘white’ text message box to 85% of page width. The White message text box will drag from the corner when inputting text but I can’t find a way to make the width default remain

    thanks

    Thread Starter IPIP

    (@ipip)

    Resolved by typing in html code that was missing

    Thread Starter IPIP

    (@ipip)

    Just checking my message posted seems that my link is missing. its http://inferstats.com/wp/

    Thread Starter IPIP

    (@ipip)

    Thanks for offer to help. Is this what you are requesting- a link to my development site:

    As you can see I can’t enter any data in the form 7 fields. Also I would like to make the space for the message larger (Should this auto resize as a message is entered?) Additional refinements would be to have entered data highlighted in a different coloured text but thats something I could sort later once the form is working

    many thanks

Viewing 5 replies - 1 through 5 (of 5 total)