Redirect page after submitting contact form 7

If you want to redirect the page after the web form submission. Then you can do it easily by adding the JavaScript code in header.php Or footer.php.


<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = '/thank-you/';
}, false );
</script>

Also if you want a different page for a specific contact form (ID=123) after submission, then you can add the following code.


<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '590' == event.detail.contactFormId ) {
        location = '/quote-thank-you/';
    }
}, false );
</script>

How to increase Checkbox size in HTML/CSS

Now you can easily increase the size of the HTML checkbox. You just need to apply CSS3 properties.
Here is the CSS code to add with your CSS class or ID.


input[type="checkbox"]{
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
}

Responsive Table

Hello Folks,
You can make the HTML table responsive with some CSS tricks. See the below example and try it.


<div class="responsive-table">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th><b>First Name</b></th>
      <th><b>Last Name</b></th>
      <th><b>Gender</b></th>
      <th><b>Phone</b></th>
      <th><b>Email</b></th>
    </tr>
    <tr>
      <td>John</td>
      <td>Cena</td>
      <td>Male</td>
      <td>123-456-7890</td>
      <td>abc123@gmail.com</td>
    </tr>
    <tr>
      <td>John</td>
      <td>Cena</td>
      <td>Male</td>
      <td>123-456-7890</td>
      <td>abc123@gmail.com</td>
    </tr>
    <tr>
      <td>John</td>
      <td>Cena</td>
      <td>Male</td>
      <td>123-456-7890</td>
      <td>abc123@gmail.com</td>
    </tr>
    <tr>
      <td>John</td>
      <td>Cena</td>
      <td>Male</td>
      <td>123-456-7890</td>
      <td>abc123@gmail.com</td>
    </tr>
  </table>
</div>


.responsive-table{
    width: 100%;
    overflow-y:hidden
}

First NameLast NameGenderPhoneEmail
JohnCenaMale123-456-7890abc123@gmail.com
JohnCenaMale123-456-7890abc123@gmail.com
JohnCenaMale123-456-7890abc123@gmail.com
JohnCenaMale123-456-7890abc123@gmail.com