How to Overwrite a Woocommerce Widgets

Customizing Wocommerce widget is great if you want something to remove or add of a function. To do that first you will need to copy the widget you want to edit for example I choose the recent review widget . You can find the original when you go into wp-content > plugins > Woocommerce > […]

Cross-Browser Image Grayscale

To apply grayscale or make your images desaturate in all Modern Browser like Firefox, Chrome, Opera, Safari on desktop and IOS you can use the following CSS code: The code below is only 50% desaturate you can make it 100% if you want full grayscale in your image when hover. You can also disable it […]

Add Async & Defer Attributes in WordPress Scripts

WordPress loads lots of JavaScript files and have a biggest impact in our website performance. Most of the time <script> tag causes our browser to stop loading file or blocked from displaying so JavaScript can start to write the page. Loading large libraries would be surely painful. This is why these scripts are referred to as […]

Gutenberg Web Typography Starter Kit

Web Typography

What is Gutenberg Web Typography? Gutenberg is a flexible and simple–to–use web typography starter kit for web designers and developers. Visit Site: http://matejlatin.github.io/Gutenberg/

List of iPhone User Agents

I found myself needed sometimes of user agents on iPhone so I can check what my site looks like. Here are some latest list of iPhone and iPad user agents I found that we can use to test our website. iPhone 6 iPhone 6 plus iOS 7 Tablet Safari 7 iOS 7 mobile iOS 8 mobile […]

Redirect Contact Form 7 to Thank you Page After Submissions

If you are using the Contact Form 7 plugin and you’re trying to redirect it into a thank you page or other page you want. Im going to share some easy code that will redirect your visitor into the page you selected after the the form submitted successfully. There are lots of tutorial you can see around the […]

Removing query string in your css and js file

What does query string mean? Query string is used in both stylesheets and javascript.  It’s one of the methods implemented by most web developers to instantly tell the browser with new update. It is mostly use when you are using CDN, because most of website today use CDN and W3 total cache or other caching plugins. Those stylesheets […]

How to set your site into Service Temporarily Unavailable (503)

Wondering how to set your site into maintenance mode or 503 Service Temporarily Unavailable? Because your client didn’t pay you for the month or you need to access your site alone or you want to temporary close your site. Well here is a simple code where you can add in your .htaccess so no one can access […]

Customize Password Protected Post

WordPress Security plugins

Add the code below on your functions.php in your active theme. This code will remove the word “Password” or “Protected” in your post title. You can use the code below in customizing the protected text:  

CSS Hack to Target Browsers

css hack

Sometimes we need a css hack to target only a browser like firefox only or chrome only just because sometimes a css works only in firefox, sometimes only works in chrome or webkit browsers like safari. This rule is really useful to target a browser if we want to show only on firefox or in other […]

Page 1 of 612345...Last »