The Blog Bunny Blog

Go to top button in website

Go to top button in website

CSS: .go-to-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); / image replacement properties / overflow: hidden; text-indent: 100%; white-space: nowrap;...

WooCommerce

Best woocommerce currency switcher plugin

Below are the Best woocommerce currency switcher plugin to use in wordpress. WooCommerce Currency Switcher URL: https://wordpress.org/plugins/woocommerce-currency-switcher/ Source: https://wordpress.org   2. WooCommerce Currency Switcher from codecanyon URL: http://codecanyon.net/item/woocommerce-currency-switcher/8085217 Source: http://codecanyon.net/   3. Currency Switcher for WooCommerce URL: https://aelia.co/shop/currency-switcher-woocommerce/ Source: https://aelia.co  ...

pluginwordpress

Best WordPress Plugin For Photo Gallery

Best WordPress Plugin For Photo Gallery Below are the best and free photo gallery plugins for WordPress  1) Gallery –  Photo Gallery URL: https://wordpress.org/plugins/photo-gallery/ Features:    Thumbnails View    Slideshow View    Masonry View...

jQuery

Jquery validation for date format

Jquery validation for date format   create text box. <input type=”text” id=”datefield” onblur=”checkdateformat(this.value)” />   2. Create function for validation of date format “DD/MM/YYYY”. we are going to use reg for date format “DD/MM/YYYY”...

jquery01

How to check viewport in jquery

How to check viewport in jquery Source Code: <script> jQuery(window).resize(function() { console.log(jQuery(window).width()); if (jQuery(window).width() < 768) {    jQuery(‘div#myNavbar’).css(‘display’,’none’);   } else {     jQuery(‘div#myNavbar’).css(‘display’,’block’);          } }); jQuery(window).trigger(‘resize’); </script>  

jquery01

Jquery hide div on scroll

Jquery hide div on scroll Script: <script> $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $(“your-div-id or your-div-class”).show(); } if (scroll <= 50) { $(“your-div-id or your-div-class”).hide(); } }); //missing );...

Wordpress01

WordPress add class to submenu

WordPress add class to submenu: Step:1 Copy this code to function.php: class My_Walker_Nav_Menu extends Walker_Nav_Menu { function start_lvl(&$output, $depth) { $indent = str_repeat(“\t”, $depth); $output .= “\n$indent<ul class=\”your-class-name\”>\n”; }   Step:2 Use this in...