Custom Ajax WordPress Login Form

If you have been using WordPress, you must be familiar of the wp-admin login page, where you login to enter the dashboard or the user area of the website. The login page does it’s work but in terms of branding and a white-label solution, it doesn’t quite look good specially with the page showing nothing… Read More

WooCommerce Add to Cart with Ajax on Single Product Page

AJAX is fun. Most people prefer AJAX because AJAX allows easier and quicker interaction between the user and website as pages are not reloaded for content to be displayed. I will explain you step by step how you can add a product to the cart from your single product page with AJAX in WooCommerce. This… Read More

How to create Custom Taxonomies in WordPress

In the previous article here, I explained how to create a Custom Post Type. In this article I will show you how to create custom taxonomies in WordPress. What is a Custom Taxonomy? Taxonomies are a grouping mechanism for the post types in WordPress. For example, you group together categories of posts by creating categories,… Read More

Responsive 4 Column Layout

CSS snippet for a fluid responsive 4 column layout. 4 Column Layout with equal width content HTML CSS Responsive CSS Tablet View Responsive CSS Mobile View 1024px and 767px is the viewport width, i.e. the width of the screen or the browser viewport. 768px is the portrait width of iPad 2, so anything under that… Read More

Responsive 3 Column Layout

CSS snippet for a fluid responsive 3 column layout. 1/3 + 1/3 + 1/3 1/2 + 1/4 + 1/4 1/4 + 1/2 + 1/4 1/4 + 1/4 + 1/2 1/3 + 1/3 + 1/3 responsive 3 column layout Three Column Layout with equal width content HTML CSS Responsive CSS 1/2 + 1/4 + 1/4 responsive… Read More

Responsive 2 Column Layout

CSS snippet for a fluid responsive 2 column layout. 1/2 + 1/2 responsive 2 column layout 2/3 + 1/3 responsive 2 column layout 1/3 + 2/3 responsive 2 column layout 3/4 + 1/4 responsive 2 column layout 1/4 + 3/4 responsive 2 column layout 1/2 + 1/2 Two Column Layout with equal width content HTML… Read More