Category: Tips

  • Create Downloadable CSV File with Ajax Call in WordPress wp-admin page

    Create Downloadable CSV File with Ajax Call in WordPress wp-admin page

    Recently I was tasked to create add a button to a page in wp-admin which when clicked will create a downloadable csv file and start downloading it. The page in wp-admin was created with Advanced Custom Fields Pro (ACF). Since ACF doesn’t have field for simple button input type so I created one with ACF…

  • The associated translation of a page is disappearing in WPML

    The associated translation of a page is disappearing in WPML

    Have you ever faced an associated translation of a page disappearing in WPML? If you have faced this problem and have to this page for a solution then chances are that the solution presented here will help you just like it helped us.

  • WPML AJAX Call Returns Default Language

    WPML AJAX Call Returns Default Language

    If you are facing “WPML AJAX Call Returns Default Language” problem on your WordPress site then we have the solution for you. This is a common problem with developing multi-language WordPress sites with WPML. If you are logged in then the queries in the same browser will return correct results but if you test your…

  • Change Currency in WPML Based on Geolocation

    Have you ever faced a situation where you needed to change currency in WPML based on geolocation? If so then you must have looked into WPML settings only to find out that WPML doesn’t have any such built-in feature. Following is a piece of code which will change currency in WPML based on geolocation. This…

  • Center Align Select Menu Text in HTML

    Center Align Select Menu Text in HTML

    Ever needed to center align Select Menu Text in HTML with CSS? If you did and succeeded with text-align: center in Firefox but failed in Chrome then fear not as we are giving you this simple tip to make it work in Chrome and Safari on both desktop as well as in mobile phone screens.

  • Responsive Video Using CSS

    Responsive Video Using CSS

    Responsive Video Using CSS, yes that’s right. No javascript or jQuery is needed to make videos responsive on your website. This quick tip applies to both iframe based embedded videos e.g. YouTube or Vimeo as well as self-hosted videos. HTML code for embedded YouTube video: <div class="responsive-video"><iframe src="https://www.youtube.com/embed/YOUR-VIDEO-ID" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>   <div class="responsive-video…

  • Solving Common Contact Form 7 Issues

    Solving Common Contact Form 7 Issues

    We all come across scenarios where we face common Contact Form 7 issues. For example the common issue is to use a human readable label for select dropdown menus instead of “—“. Luckily Contact 7 provides filters which can be used to solve some of the common issues. Shortcodes Within Contact Form 7 Forms One…

  • Remove Blank Lines in Email for Unfilled Form Items

    Remove Blank Lines in Email for Unfilled Form Items

    This quick tip will show you how you can remove blank lines from Contact Form 7 during submission for optional fields which were left empty by the user.

  • Changing starting and ending tags of the products loop in main shop page of a WooCommerce theme

    Changing starting and ending tags of the products loop in main shop page of a WooCommerce theme

    The default starting and ending tags of the loop in main shop page of a WooCommerce theme are <ul class=”products”> and </ul>. Changing starting and ending tags might be needed due to various reasons. Lets say you have customized the content-product.php file of WooCommerce and have added some divs inside the <li> tag which is…

  • Display WooCommerce product variation image upon selection from variation dropdown menu

    Display WooCommerce product variation image upon selection from variation dropdown menu

    If you ever need to display a WooCommerce product variation image, somewhere in a single product page, upon selection from the variation dropdown menu then use this technique to achieve that objective. This solution can be useful in situations when you use a third party product slider and that product slider doesn’t support the feature…