Blog Archives

Add Left And Right Swipe On Mobile For Bootstrap 4 Carousel

We are talking about carousel included in Bootstrap 4, you can see how to add one here. Add this to your JS file or load it on the footer // Thanks to Maaaaark – !function(t){t.fn.bcSwipe=function(e){var n={threshold:50};return e&&t.extend(n,e),this.each(function(){function e(t){1==t.touches.length&&(u=t.touches[0].pageX,c=!0,this.addEventListener(“touchmove”,o,!1))}function o(e){if(c){var

Posted in WordPress Tagged with: , , ,

Adding Safari Only CSS

_::-webkit-full-page-media, _:future, :root .your-custom-class {   top: 40%; } Details here.

Posted in WordPress Tagged with: ,

Launch Bootstrap 4 Modal From WordPress Menu

Add .launch-contact-modal class to your WordPress menu item. This can be done from the admin interface Appearance > Menu. Change #contactModal in the following jQuery to the ID of your Bootstrap 4 modal. jQuery(document).ready(function($){   // Adding Bootstrap Modal to WordPress

Posted in WordPress Tagged with: , ,

Add Bootstrap4 Form Styling To WooCommerce Checkout Fields

Add the following code to functions.php or to a custom plugin to style WooCommerce checkout form fields with sweet Bootstrap 4 styling. /** * Add Bootstrap form styling to WooCommerce fields * * @since  1.0 * @refer */ function iap_wc_bootstrap_form_field_args ($args,

Posted in WordPress Tagged with: , , ,

WordPress Theme For Matrimony Microsite

I recently developed a WordPress theme for a matrimony microsite. Client’s objective is to focus on mobile users and use the website to build a community around their brand. Development Overview The theme was designed by Jishnu of Artistory Media

Posted in WordPress Lab Tagged with: , , ,