Apply Different CSS Styles Based On Window Size (Responsively) Without Using JavaScript Window Event

Apply Different CSS Styles Based On Window Size (Responsively) Without Using JavaScript Window Event

Posted on

Switching CSS classes or properties based on screen size can be achieved using JavaScript as shown below. But handling such things with JavaScript window resize event is not as efficient to achieve it with CSS. Using Tailwind For example, if we want to create a feature where the child menu opens on mouseenter event and

Read More

Adding Local Fonts or Google Fonts In Tailwind CSS For WordPress Theme

Adding Local Fonts or Google Fonts In Tailwind CSS For WordPress Theme

Posted on

In this blog, we will learn about how to add local fonts in TailwindCSS.There are several reasons why you should include fonts locally. Watch this video to know more. Step 1: Download the Fonts Locally Use Google Fonts Helper Place the fonts into the fonts directory. Step 2: Copy the fonts code into fonts.scss Step 3: Add the

Read More

Setup Tailwind CSS in a WordPress plugin or theme

Setup Tailwind CSS in a WordPress plugin or theme

Posted on

In this blog we will discuss how we will setup Tailwind css in a WordPress plugin or theme. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. If you would

Read More