mobile menu trigger, icon

Blog

I write about Web Development, WordPress and Freelancing. But you may be not interested in all these topics. See the topics below that are interesting to you and you're curious to explore.

What Is a Syntax Error?

Syntax error live example

This question may have been in your mind whenever you are working on computer programs. Well, it is the error that occurs in the source code of a computer program known as a syntax error. And it can occur due to mistakes in your code. For example- if you do not put a semicolon end of a PHP tag, or you put more than one bracket after a function, it can result in a syntax error. The computers are very strict in the syntax of a programming language, and any mistake in the syntax will hamper the correct compilation of […]

Read More →

How to hide the scrollbar using CSS?

CSS

In this post, aside from hiding the scrollbar, I will also show you a couple of related things. You can check the topics in the table of contents. How to make the scrollbar hidden? You can make the scrollbar hidden using the overflow property. See the CSS below. CSS The above CSS will hide the scrollbars (both vertical & horizontal). See everything in action How to hide the horizontal scrollbar? To hide the horizontal scrollbar, you need to deal with overflow in the x-axis (horizontal direction). See the CSS below. CSS How to hide the vertical scrollbar? The following (below) […]

Read More →

How to use SASS/SCSS in VSCode and its difference from regular CSS?

How to use SASS in VSCode

SASS is a tool that allows you to write & organize CSS more precisely & very easily. And SCSS is an extension of SASS. For example- style.scss, _header.scss, _footer.scss, and so on and so forth. On the other hand, CSS refers to ‘Cascading Style Sheets‘ that are executable by web browsers. Note: CSS is not a programming language, it’s a stylesheet language. In this post, I will show you how you can configure (set up) your VSCode editor for using SASS/SCSS. Also, I will explain & distinguish between SASS & CSS. Last but not least, I will also give you […]

Read More →

How to change the font color?

Use the color property to change the font color. You can use Hex, RGB, RGBA, CMYK, and the name of any color. To change an element’s font color to blue, write color: blue for the element. You can target the element by CSS class name, ID, and even by tag name. If it’s a paragraph or <p> tag, then your CSS should be p{color: blue} If it’s a certain element that has a CSS class of “apple” then your CSS will be .apple {color: blue} And if it has a CSS ID of “burger“, the CSS code will be #burger […]

Read More →

CSS Word Wrap Vs White Space

CSS word-wrap property allows you to break the long word into the next line. Words within a paragraph automatically break to the next lines when necessary. But if you have a word with 50 characters/letters, that may cause a horizontal scrollbar. And it may go over/outside of the body. To solve this kind of problem, the word-wrap property comes into play. See the following example: In the above example- both contain the same HTML: And the following CSS solved the issue: CSS White Space You can do the opposite with ‘white-space‘ CSS. For example- if you don’t want to create […]

Read More →

Line height CSS

The following CSS will create space between lines: You can use any numbers to specify the line-height depending on your font. But normally we use “1.7” and it also depends on the font families. You can also specify the line-height with “px, em, cm, %” etc. For example: Create Space Between Paragraphs You have to use the margin property to create space between paragraphs. See the following example: This code will create the bottom margin of the paragraphs by 60 pixels. If you need to create space both at the top & bottom of the paragraphs, then use the following […]

Read More →

How to remove the underline from a link?

When you create a link, the underline is automatically added to the anchor text. This is the default behavior of any web browser. But you can remove the underline from the link using the following CSS: The above CSS will remove the underline globally. That means the underline will disappear from all the links from your website. But if you want to hide the underline from a specific link, you have to target the link by class or ID name. For example, you want to hide the underline from an element that has a CSS class named “unicorn.” Now you […]

Read More →

WordPress DVD Theme (Free & Premium)

DVD

It’s a rare niche. That’s why you will not find too many WordPress DVD themes in the WordPress repository or marketplaces. But as a web developer, I have handpicked some themes just for the CD & DVD business. The list contains both free & premium themes. I am not affiliated with them. So the choice is yours. Since you will sell CDs, DVDs, and other related products online, I have to make sure that your theme is compatible with WooCommerce. So your customers can order the products and make the payments online. Also, I will make sure that your website/theme […]

Read More →

WordPress.com Vs WordPress.org -The Differences

comparison of wordpress org and com

WordPress.com Vs WordPress.org, which one is the best for you, and what is the difference between these two. Let’s take a deep dive. However, both these two have been created by the same company called Automatic. These two are powered by the same CMS (content management system). But these two have some big differences according to the development environment. WordPress.Com In this platform, you do not have access to the hosting account, cPanel, FTP, or any other file system. You can not modify any code on the website. And even, you can’t upload (with a free account) your own written […]

Read More →

How to Install WordPress on Localhost (XAMPP)?

Install WordPress on Localhost

You need a PHP-based development environment to install WordPress. Commercial hosting packages already have PHP, MySQL, Apache, and everything you need to install & build a WordPress website. But most computers don’t have a built-in development environment, especially Windows computers. So you have to install & configure the development environment before you install WordPress on your computer. How to install WordPress on your computer? There are a few free and paid software you can choose from to create the development environment on your computer. Wamp Server, XAMPP, MAMP, and Local by Flywheel are a few of them. You can choose […]

Read More →