...

View Full Version : Contact form 7 Problems



luke sewell
11-13-2011, 05:19 PM
Site www.latinlink.co.uk I can not get the browse button to align in the contact form, only in FireFox. :(

Any suggestions greatly appreciated

*, html, body{font-family: Verdana, Arial, Helvetica, sans-serif;}
body{background-color:#D0D0D0;}
strong{font-weight:bold;}
#wrapper{border-right-color: yellow; border-left-color: yellow; width: 850px; height: auto; margin-left: auto; margin-right: auto; background-image: url(images/background.png); background-repeat: repeat-y;}
#header{position: relative; padding:0 40px; width:770px; height: 126px; background-color: black; background-image: url(images/banner.png); background-repeat: no-repeat; overflow: hidden;}
#navbar{padding:0 0; width: 850px; height: 50px; background-color: #de3219;}
#content{padding:0 40px; width:479px; /*min-height: 400px;*/ float: left; /*background-color:none;*/}
#content ul{margin-bottom: 15px;}
#content ul li{font-size:13px; line-height:1.5em; list-style:square; margin-left:10px; font-weight:bold;}
#sidebar{width:290px; /*min-height: 400px;*/ float: right;/* background-color: none;*/ overflow:hidden;}
#sidebar img{width:289px; float: right; /*background-color: none;*/ overflow:hidden;}
#footer{padding:5px 40px; width: 770px; height:40px; background-color: black; clear: both;}

p{ color: black; font-size: 13px; line-height: 1.5em; margin-bottom: 15px;}
p.form_label{ color: black; font-size: 13px; line-height: 1.5em; margin-bottom: 10px;}
h1{position: absolute; bottom:10px; color:white; font-size: 35px; font-family: 'Raleway', sans-serif;}
h2{padding:0 0 10px 0; border-bottom: 10px solid #edd9be; margin-bottom: 10px; margin-top: 20px; font-size: 25px;font-family: Verdana, Arial,Helvetica, sans-serif; }
h2 a{color:#000; text-decoration:none; }
h3{padding:0 0 10px 0;border-bottom: 5px solid #DCDCDC; font-weight:bold; margin-bottom: 10px; margin-top: 20px; font-size: 15px;font-family: Verdana, Arial, Helvetica, sans-serif; }
#languages{position: absolute;top:20px;right:40px;}
#languages img{margin-left: 5px;}
#contact_email{position: absolute;top:90px;right:40px; color:#FFF;}
#contact_email a{color:#FFF; font-size:18px; text-decoration:none;}

.menu-main-navigation-container > ul{display: block; height: 50px; list-style-type: none; margin-left: auto; margin-right: auto; text-align: center;}
.menu-main-navigation-container > ul li { font-size:13px;display: inline; color: white; padding: 0 30px; line-height: 50px;}

.menu-main-navigation-container > ul li.current-menu-item {background-image:url(images/current_page.gif);background-repeat:no-repeat;background-position:left;}

.menu-main-navigation-container > ul li a {color:#FFF; text-decoration:none;}

/*footer re-styling*/
.menu-footer-navigation-container ul{ margin:auto; text-align:center; margin-top:10px;}
.menu-footer-navigation-container li{color:white; display:inline;font-size: 10px; padding: 20px 20px;}
.menu-footer-navigation-container li a{color:white; text-decoration:none;}

form{background-color:#c8c8c8; padding:20px 20px; border-top:2px solid #FFFFFF; border-right:1px solid #FFFFFF;margin-bottom:20px;}
#uploader{border:1px solid red;}
.form_txtfield{background-color:#fff; color:#000;float:right;width:230px; height:15px;}
.form_txtfield_spaecial{ border:1px solid red;background-color:#333; color:#FFF;float:right;width:230px; height:15px;}
.form_upload{background-color:#333; color:#000;float:right;width:230px; height:15px;}
div.form_message_area{height:100px;}
.form_message{background-color:#fff; color:#000;float:right;width:230px; height:80px;font-size:11px}
#form_upload{background-color:#c8c8c8; color:#fff; height:20px; width:100px; float:right;}
#captcha{position:relative; top:10px;}
p.frm_clear{clear:both;}
.comment-row{color:white;}
.hidden{visibility:hidden;position:absolute;top:-9999px;}
.captcha_input{width:84px; height:15px;}
span .wpcf7-not-valid-tip-no-ajax{color:red; font-weight:bold;}


/*input.wpcf7-file form_txtfield_special{border:1px solid red; width:400px;}*/
#form_upload{width:250px;}
#language_area{float:right; margin-top:20px; width:210px; height:50px; background-image:url(images/flags.png); background-repeat:no-repeat;}
#qtrans_select_qtranslate-3-chooser{float:right;}

.alignleft{float:left;margin:5px 20px 20px 0;}
.alignright{float:right;margin:5px 0 20px 20px;}

/* rotator in-page placement */
div.rotator {
position:relative;
height:410px;
width:409px;
border-left:1px solid #DCDCDC;
}
/* rotator css */
div.rotator ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */
div.rotator ul li img {
background: #FFF;
}
div.rotator ul li.show {
z-index:500;

whacker
11-13-2011, 05:59 PM
You need to change
<input id="form_upload" class="wpcf7-file" type="file" value="1" size="40" name="form_upload">
to
<input id="form_upload" class="wpcf7-file" type="file" value="1" size="25" name="form_upload">

Hope this will help!

whacker
11-13-2011, 06:25 PM
Site www.latinlink.co.uk I can not get the browse button to align in the contact form, only in FireFox. :(

Any suggestions greatly appreciated

Also you can center it by editing your style.css (line 89) file and change width to 335


#form_upload {
width: 335px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum