How to Customize the WooCommerce Checkout Page

The checkout page is one of the most important pages on any eCommerce website. All the effort that you put into your website content, design and marketing will amount to nothing if your customers keep abandoning their carts and never complete the checkout process. Some statistics show that cart abandonment rate can vary in range… Continue reading How to Customize the WooCommerce Checkout Page

How to Customize the WooCommerce Shop Page

People who have created WordPress websites know that there are different kinds of pages that you can create in WordPress. WooCommerce follows a somewhat similar structure. There are single product pages like single post pages and then there are archive type pages to show a list of products. The WooCommerce shop page falls in the… Continue reading How to Customize the WooCommerce Shop Page

Customize a WooCommerce Product Page for Free

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free

20 Best WooCommerce Product Add-Ons

Do you want to create an easy shopping experience on your WooCommerce products pages? Here are 20 of the best WooCommerce product add-ons to make it possible! They make your product pages more user-friendly and user-focused by adding intuitive functionalities like: adding easy navigation using filters  allowing customers to personalize their orders offering extra choices  and… Continue reading 20 Best WooCommerce Product Add-Ons

The 30 CSS Selectors You Must Memorize

Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. CSS Selectors So you learned the base id, class, and descendant selectors—and then called it a day? If so, you’re missing out on an enormous level of flexibility. You… Continue reading The 30 CSS Selectors You Must Memorize

What are Breadcrumbs in WordPress?

In this tutorial I’m going to explain all you need to know to get started using breadcrumbs in WordPress. BreadCrumbs in WordPress Follow along with us over on our Envato Tuts+ YouTube channel: BreadCrumb Plugins on CodeCanyon If you’re interested in what solutions are on offer from our community of coders, check out the premium WordPress… Continue reading What are Breadcrumbs in WordPress?

Creating an Accessible Range Slider with CSS

April 29, 2020 I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to do this has improved my CSS skills. Today we are going to talk about input[type=”range”]. These inputs where you select a value from a slider that has a thumb on it. You… Continue reading Creating an Accessible Range Slider with CSS

How to Build an Accordion Component With the CSS Checkbox Hack

What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size.  Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack

An Introduction to CSS-in-JS: Examples, Pros, and Cons

CSS-in-JS libraries provide us with a new approach for writing CSS. They aim to tackle the limitations of CSS, such as the lack of dynamic functionality, scoping, and portability. In spite of its advantages, CSS-in-JS is a controversial technology, as many developers ask if it’s worth further complicating front-end development.  This article intends to give… Continue reading An Introduction to CSS-in-JS: Examples, Pros, and Cons

My take on language selectors

Zsolt SzilvaiBlockedUnblockFollowFollowing Apr 16 In the past couple of years, I was fortunate enough to work on many interesting products, some of which had to be designed in multiple languages. Recently, I’ve bumped into some new issues with language selectors that I found quite exciting to take a closer look at. So, I decided to… Continue reading My take on language selectors

Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after

April 23, 2018 by Alex Fox CSS wasn’t always as flexible as it is today. By using CSS pseudo-elements and pseudo-classes, designers can target elements based on their dynamic states or positioning in relation to other elements. Pseudo-Elements and Pseudo-Classes There are two types of pseudo selectors: pseudo-elements and pseudo-classes. Either of these pseudo selectors… Continue reading Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after

Top 10 resources for designing email newsletters

The world of email marketing is constantly changing. There are dozens of tools out there tailor made to help marketers write emails, designers craft emails, and developers code emails. But with so many tools available, it can be frustrating to find the best ones. That’s why, in this post, I’ve curated the top ten best… Continue reading Top 10 resources for designing email newsletters

Cheat Sheets Web Designers Need: CSS3, HTML5 and jQuery

Advertisement When it comes to CSS, HTML or jQuery codes, you just can’t know them all. It’s pretty hard but with the help of these cheat sheets for web designers you can manage to get pretty close to knowing them all, considering that you have everything in from of you and it is easy to… Continue reading Cheat Sheets Web Designers Need: CSS3, HTML5 and jQuery