May 2, 2024 in CSS, HTML
To understand how centering works in a grid container, it’s first important to know the grid layout’s structure and scope. The HTML structure of a grid container consists of three layers: Each layer operates independently when it comes to applying grid properties. The scope of a grid container is limited to a parent-child relationship, meaning […]
April 11, 2024 in Wordpress
One way to give users more control over their website’s appearance is by allowing them to change background images for both desktop and mobile views. In this tutorial, I’ll show you how to achieve this using Advanced Custom Fields (ACF) and the wp_add_inline_style function in WordPress. Step 1: Install and Set Up ACF Before we […]
April 24, 2019 in Wordpress
Let’s take a look at the Gutenberg Block in its simplest form to understand how a block works, and how can we create our own blocks. Gradually we will move on to understand more advanced stuff to make more interesting blocks. (Editable blocks, Toolbars, Options, etc.) WordPress has many inbuilt libraries that allow us to […]
April 16, 2018 in Bootstrap, CSS
You might have used normalize in your projects. Bootstrap 4 has created its on version on top of the normalize called reboot. If you are not familiar with normalize, it overwrites browser’s default CSS to eliminate browser inconsistencies, like different font sizes, or margin etc. It also add many CSS rules that helps you make […]
April 9, 2018 in Cheat Sheet, Freebies, WooCommerce, Wordpress
WooCommerce comes with its own template structure, hooks, and functions. It takes a lot of time to find the relevant hooks, functions or template files when you want to make some changes in WooCommerce. I have created this series of Visual Guides / Cheat Sheets to make it easier to find the information regarding a […]