How to Add 5 columns layout in Visual Composer

Method 1: Use Custom VC Column Layout
Method 2: Create 1/12 + 2/12 + 2/12 + 2/12 + 2/12 + 2/12 + 1/12 columns then leave the first and last empty.
Method 3: This one is a bit complicated and requires a bit understand of CSS. The idea is to create 6 columns, gives the first 5 columns the widths of about 20%, then hides the sixth column.
Step 1: Create a row and give it a class home_row
Step 2: Create 6 columns and assign a class to the last one: home_row_sixth
Step 3: Edit the width of each column
.home_row .vc_col-sm-2 {
width: 20%;
position: relative;
Step 4: Hide the sixth column
.home_row_sixth {
visibility: hidden;
width: 0px;
padding: 0px;
Step 5: Make sure it is responsive
@media only screen and (max-width: 768px){
.home_row .vc_col-sm-2{
width: 100%; }

Disable/enable submit button & readonly to textbox using jQuery

Using attr()” function we will enable or disable submit button please find below code.

$(document).ready(function() {
$(‘input[type=”submit”]’).attr(‘disabled’, true);
$(‘input[type=”text”]’).on(‘keyup’,function() {
if($(this).val() != ”) {
$(‘input[type=”submit”]’).attr(‘disabled’ , false);
$(‘input[type=”submit”]’).attr(‘disabled’ , true);

/*Add and remove readonly to a textbox*/

if(rBtnVal == "yes"){
         $("#no_of_staff").attr("readonly", false); 
         $("#no_of_staff").attr("readonly", true); 

Change label & placeholder in woo-commerce checkout billing form

Please find below code to change label & placeholder in woo-commerce checkout billing form

add_filter( ‘woocommerce_checkout_fields’ , ‘custom_override_checkout_fields’ );
function custom_override_checkout_fields( $fields ) {
$fields[‘billing’][‘billing_first_name’][‘placeholder’] = ‘Contact Name’;
$fields[‘billing’][‘billing_first_name’][‘label’] = ‘Contact Name’;
return $fields;

Sorry, it seems there are no available payment methods which support subscriptions. Please contact us if you require assistance or wish to make alternate arrangements.

When getting this type of issue please check site SSL is enable or not.

Stripe is enabled, but the force SSL option is disabled; your checkout may not be secure! Please enable SSL and ensure your server has a valid SSL certificate – Stripe will only work in test mode.

Custom pagination for wordpress admin dashboard table

/* Custom pagination for wordpress admin dashboard table start */

$per_page = 3;
if (isset($_GET[‘paged’])) { $page = $_GET[‘paged’]; } else { $page=1; };
$start_page = ($page-1) * $per_page;
$this->items = $wpdb->get_results(“SELECT * FROM $table_name LIMIT $start_page, $per_page”, ARRAY_A);

// [REQUIRED] configure pagination
‘total_items’ => $total_items, // total items defined above
‘per_page’ => $per_page, // per page constant defined at top of method
‘total_pages’ => ceil($total_items / $per_page) // calculate pages count

/* Custom pagination for wordpress admin dashboard table end */

Check if a page has a vertical scrollbar or Horizontal Scrollbar using jQuery?

Please find below code to find scrollbar

jQuery(document).ready(function() {
    // Check if body height is higher than window height :)
    if (jQuery("body").height() > jQuery(window).height()) {
        alert("Vertical Scrollbar!");

    // Check if body width is higher than window width :)
    if (jQuery("body").width() > jQuery(window).width()) {
        alert("Horizontal Scrollbar!");