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 …
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”
Disable right click to prevent end users the capabilities to inspect, print, or copy. I do not recommend adding this into your web-pages but here is the tutorial. Disable right click and content copying Preventing the user from copying your content may also be one of the reason why you want to disable the right …
By default, texts on any web page can be highlighted and copied. Disable the highlight function also disables someone to copy the texts in the document. Using CSS user select makes the texts unselectable. If for some reasons, you do not want your texts inside the button or paragraph to highlighted. CSS user select style …
Continue reading “How To Disable Text Selection With CSS User Select”
