Jump to content

Search the Community

Showing results for tags 'contact form 7'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 6 results

  1. Contact Form submit button positioning

    Hello This is my site: http://cvkj.agencialosnavegantes.cl/ I have a contact form at the bottom of the page and i'm trying to put the submit button next to the text box, but i'm struggling a lot. This is my initial css: #enviarbajo { background:url(http://cvkj.agencialosnavegantes.cl/wp-content/uploads/2017/08/paper-plane-2.png) no-repeat; background-color: #564585; width:40px; height:40px; padding:0px 0 4px 0; border:none; text-indent: -1000em; cursor:pointer; border-radius: 0; margin: 5%; position: relative; left: 35%; } Then i tried to position the button using media-queries, but i'm not able to put the button where i want @media (max-width: 768px){ #enviarbajo { position: relative; right: 100px; } } Other media-query below: @media only screen and (max-width: 500px) { #enviarbajo { position: relative; right: 50px; } Is there a more efficient way of doing this?
  2. Contact Form 7 styling

    This is my page, where i have 2 contact forms, i need to fix the one in the bottom: http://ciudadcapital.agencialosnavegantes.cl/contacto/ I want the input-type file to have a black background, so i do this: div.wpcf7 input[type="file"] { cursor: pointer; padding-bottom: 50px; background-color: #0000 !important; } But it doesn't work, it's still white. Is something missing?
  3. Style a Contact Form

    I created a contact form using CSS but I may have left out a div. Is there a proper order for the wrappers? My form has side by side fields (Picture) but the fields are horizontal on the website. Picture2. I am knew to this so any help is appreciated. The code is below. <html> <head> <style> input[type=text]:hover { background-color: #C5E3BF; } input[type=text], select, textarea { width: 100%; padding: 12px; width: 48%; border: 6px double #96BADD; border-radius: 8px; font-family: "Tahoma", sans, serif; font-size: 20px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; } input[type=submit] { background-color: #FFF; color: #434343; padding: 12px 200px; border: box; border-radius: 4px; cursor: pointer; font-size: 18px; font-family: "Tahoma", sans, serif; } input[type=submit]:hover { background-color: #96badd; text-align: center; color: black; } h2 { font-size: 30px; font-family: "Tahoma", sans, serif; text-align: center; } .container { border-radius: 15px; background-color: #96BADD; padding: 20px; } </style> </head> <body> <div class="container"> <h2>Request a Free Information Packet<h2> <form action="/action_page.php"> <input type="text" id="fname" name="firstname" placeholder="Full Name"> <input type="text" id="lphone" name="Phone" placeholder="Phone"> <input type="text" id= "email" name="Email" placeholder="Email"> <input type="text" id= "Message" name="Message" placeholder="Message"> <p style="text-align: center;"><input type="submit" name="Submit" value="SUBMIT"></p> </form> </div> </body> </html>
  4. Plugin NOT working since the last update. Produces a blank screen when [contact-form 1 "Contact form 1"] added to the page. When removed, everything is fine, except there's no Contact Form. Tried reverting to an older version but that didn't solve the problem. Please Help! Will you check and can give me your valuable solution for http://artofvideo.ca/contact-us/
  5. Chrome Browser Hack not working

    Okay, so my site, http://www.cleantelligent.com, has a specifically styled form in the footer. I had to use inline styling to get all the fields to show up where I need them. In Firefox and IE, it looks fantastic and all lined up. But when I opened it in Chrome, all the fields are misplaced. I tried using the following browser hack: /*Chrome Fix*/@media screen and/*!*/ (-webkit-min-device-pixel-ratio:0) {.infusion-field-footer{ float: left; padding-top: 5px;}.chromefix-fn{ position: relative; left: -200px !important; margin-top: 3px;}.chromefix-phone{ left: -6px !important; position: relative !important;}} But it's still not affecting the styling in Chrome. Any ideas here? I can post any additional code you need upon request.
  6. Hopefully someone can help me solve with this "easy" problem! I'm looking for a way to populate data in a Contact Form 7 (WordPress) from session. The session will be started by clicking on a book now button like this: <?php session_start(); if(isset($_GET['bookingdate'])) { $_SESSION['started'] = true;}?><a href="?bookingdate"> Book now </a> After clicking the button and the session is started I want to redirect to the form "booking " page and populate one of the fields with the booking date. The visitor will fill the rest of the form and submits. After submission the session will be destroyed. Would that be possible when using Contact Form 7 and WordPress?
×