Follow the following steps to create a WordPress child theme. Step 1: Go to your themes folder Step 2: Choose a theme you want to have a child theme Watch the following video that covers the whole process of creating a child theme. Either way, continue on the rest of the steps: Step 3: Create a new folder …
Continue reading “How to Create a WordPress Child Theme | Step by Step”
This Video is going to show you How to Create an Easy and Responsive Image Carousel Tutorial with jQuery and Slick Slider The code: < View plain text > code <head> <title></title> <meta charset = "UTF-8"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css"> …
Continue reading “Responsive Image Carousel Tutorial with jQuery and Slick Slider”
Instead of adding a color overlay to the background image using Photoshop, you can actually use CSS to do that. Having the CSS to work with this, it’s easy for someone to just upload an image. The same CSS adds style to the image rather than using an image editor every time. There are many …
Continue reading “Background Image Color Overlay | Create a Filter Look with CSS”
If you think you have enough knowledge of HTML, CSS, and JavaScript you can practice it through your computer. So what to do? How to incorporate all the things you learned into a single project? Simple, create an example website/webpage. First, create a topic. What topic would it be? Well, don’t make it complicated since …
Continue reading “Where can I practice my HTML, CSS, and JavaScript?”
By default, WordPress doesn’t show you the product categories to be added to the menu. You might only see the options like -Posts- or the Posts categories. You’ll wonder how can you can your custom product categories from Woocommerce dynamically without using the custom link in WordPress menus. So, how to add product categories to …
Continue reading “How to add WooCommerce product categories to the WordPress menu?”
The CSS Glow Effect on hover can be done by using the box-shadow styles. We also have to add transition property to the element. Step number 1. Let’s create an anchor tag element < View plain text > code <a href="#">glow</a> Step 2: Add background color and other styles In our anchor tag, let’s add …
How to fade an image in Photoshop? Fading an image in Photoshop can be done in a couple of ways. First, using the gradient tool and the other is by eraser tool. Let’s add the image into a single document. The photo image is the one we are going to fade out and the other …
Woocommerce Change Text on Checkout Page tutorial will cover only how to change the texts in the woocommerce checkout page using a function. Manually changing it on the wocoommerce core files is not advisable. Someone asked me how do they remove the words “have read and” from the Woocommerce checkout page : “I have read …
Continue reading “Woocommerce Change Text on Checkout Page | Quick Tutorial”
Fade in Text with Background Hover This video is going to show you how to create a CSS Fade in text with background Hover effect. An image is covered with a solid color fades in with a text when a user hovers it. The HTML < View plain text > code <!DOCTYPE html> <html> <head> </head> …
Continue reading “CSS Hover Effects | Fade in Text with Background Source Code”
There are few pointers to center an image in CSS. First, make sure that the parent element of the image has its width set. Second, the image should not be wider than its parent element, that’s pretty obvious. See also: How To Center A Div Inside A Div Easily Center and Image in CSS horizontally Images are …
Continue reading “How to Center an Image in CSS Very Easily”
