Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Contact form 7 Problems

    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;

  • #2
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You need to change
    Code:
    <input id="form_upload" class="wpcf7-file" type="file" value="1" size="40" name="form_upload">
    to
    Code:
    <input id="form_upload" class="wpcf7-file" type="file" value="1" size="25" name="form_upload">
    Hope this will help!

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by luke sewell View Post
    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
    Code:
    #form_upload {
        width: 335px;
    }


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •