Title: fill screnn Last modified: August 22, 2016 --- # fill screnn * Resolved [mrppp](https://wordpress.org/support/users/mrppp/) * (@mrppp) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/) * How do i get form to fill page so i have larger boxes. Not sure about css is there something simple i can alter? so say everything is 80% * [https://wordpress.org/plugins/si-contact-form/](https://wordpress.org/plugins/si-contact-form/) Viewing 6 replies - 1 through 6 (of 6 total) * [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570058) * Hi mrppp have a read through the following [URL](http://mbrsolution.com/tutorial/fast-secure-contact-form-style-formatting.php). * See if that helps you. * Regards * Thread Starter [mrppp](https://wordpress.org/support/users/mrppp/) * (@mrppp) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570061) * Thanks. I understand max width overides width. Is it ok to set to say `width: 80%; max-width: 80%;` * Instead of say `width:90%; max-width:555px;` * Then adjust form fields to suit * [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570159) * Hi, yes that should be okay. I don’t see any problem with that approach. * Thread Starter [mrppp](https://wordpress.org/support/users/mrppp/) * (@mrppp) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570160) * ``` /* Alignment DIVs */ .fscf-div-form { width:99%; } .fscf-div-left-box { float:left; width:55%; max-width:270px; } .fscf-div-right-box { float:left; width:235px; } .fscf-div-clear { clear:both; } .fscf-div-field-left { clear:left; float:left; width:99%; max-width:550px; margin-right:10px; } .fscf-div-field-prefollow { clear:left; float:left; width:99%; max-width:250px; margin-right:10px; } .fscf-div-field-follow { float:left; padding-left:10px; width:99%; max-width:250px; } .fscf-div-label { font-weight: bold;text-align:left; padding-top:5px; } .fscf-div-field { text-align:left; } .fscf-div-captcha-sm { width:175px; height:50px; padding-top:2px; } .fscf-div-captcha-m { width:250px; height:65px; padding-top:2px; } .fscf-image-captcha { border-style:none; margin:0; padding:0px; padding-right:5px; float:left; } .fscf-image-captcha-refresh { border-style:none; margin:0; padding:0px; vertical-align:bottom; } .fscf-div-submit { text-align:left; clear:both; padding-top:15px; } .fscf-fieldset { border:1px solid black; width:99%; max-width:550px; padding:10px; } /* Styles of labels, fields and text */ .fscf-required-indicator { text-align:left;color:#ff0000; } .fscf-required-text { text-align:left; } .fscf-hint-text { font-size:x-small; font-weight:normal; } .fscf-div-error { text-align:left; color:red; } .fscf-div-redirecting { text-align:left; } .fscf-fieldset-field { border:1px solid black; width:97%; max-width:500px; padding:10px; } .fscf-label { display:inline; } .fscf-option-label { display:inline; } .fscf-input-text { text-align:left; margin:0; width:99%;color:#000000; background-color:#ffffff; } .fscf-input-captcha { text-align:left; margin:0; width:90px; } .fscf-input-textarea { text-align:left; margin:0; width:99%; max-width:250px; height:120px; } .fscf-input-select { text-align:left; } .fscf-input-checkbox { width:13px; } .fscf-input-radio { width:13px; } .fscf-button-submit { cursor:pointer; margin:0; } .fscf-button-reset { cursor:pointer; margin:0; } .fscf-button-vcita { text-decoration:none; display:block; text-align:center; background:linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); color:#fff !important; padding:10px; } .fscf-button-div-vcita { border-left:1px dashed #ccc; margin-top:25px; height:50px; padding:8px 20px; } .fscf-powered-by { font-size:x-small; font-weight:normal; padding-top:5px; text-align:center; } /* Placeholder Style - WebKit browsers - Safari, Chrome */ ::-webkit-input-placeholder { opacity:0.6; color:#333333; } /* Placeholder Style - Mozilla Firefox 4 - 18 */ :-moz-placeholder { opacity:0.6; color:#333333; } /* Placeholder Style - Mozilla Firefox 19+ */ ::-moz-placeholder { opacity:0.6; color:#333333; } /* Placeholder Style - Internet Explorer 10+ */ :-ms-input-placeholder { opacity:0.6; color:#333333; } ``` * [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570215) * Hi is that the new settings you are sharing with me? * Thread Starter [mrppp](https://wordpress.org/support/users/mrppp/) * (@mrppp) * [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570216) * Yes just wondering if its ok like that Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘fill screnn’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/si-contact-form_dde2be.svg) * [Fast Secure Contact Form](https://wordpress.org/plugins/si-contact-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/si-contact-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/si-contact-form/) * [Active Topics](https://wordpress.org/support/plugin/si-contact-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/si-contact-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/si-contact-form/reviews/) * 6 replies * 2 participants * Last reply from: [mrppp](https://wordpress.org/support/users/mrppp/) * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/fill-screnn/#post-5570216) * Status: resolved