The first item of Elementor accordions is opened by default. In this post, I will show how you can close it. Also, you’ll learn how to close them if you have many accordions on the same page. Let’s get started. How to make the Elementor accordion default closed? If you want to close the starting accordion, write the following code/script on the same page (using Elementor). I showed you how to do that (in the next section). This is a plain/vanilla Javascript that does not require any other dependencies. And it makes the Elementor accordion close both on mobile and […]
Read More →
You need a PRO version of Elementor in order to create a popup and subscription form. There are three different ways you can trigger the popup with conditions, dynamic tags, and CSS selectors. I will show you all these methods. If you prefer video instructions, watch the video below or keep reading. Table of contents 1. How to create an Elementor popup 2. Connect Elementor form with email platforms like MailChimp How to create an Elementor Popup? To create the popup in Elementor, follow these steps: 1. Add a new popup from the ‘Template’ menu After you login to your […]
Read More →
In this post, I will show how you can make a header navigation menu. This header will also contain a logo and the menu will be mobile-responsive. Also, I will show you how to do it without using Bootstrap and using it. You can copy the code and use it on your project. Also, you will get a downloadable zip file for each header template. How to make a navigation menu without Bootstrap? The header template will be the same as seen in the above screenshot. As I mentioned earlier, this header will also be mobile-responsive. See the screenshot of […]
Read More →
You can embed a YouTube video in a couple of ways. In this post, I will show you the easiest way to embed any YouTube video and make it full width. This process will work for embedding on HTML static pages, WordPress, and any other CMSs. How to embed YouTube videos? Once you open the video in your browser and follow these steps: 1. Click the “Share” link (option) Click the link “Share” at the bottom of the video. See screenshot. 2. Click on “Embed” After you click the Sharable link, you will find a couple of options to share […]
Read More →
Bluehost is a great hosting company that is also recommended by WordPress. There are other WordPress-friendly hostings that can be Bluehost alternatives. Bluehost has a wide range of hosting plans and packages. Such as shared, VPS, and dedicated. And each of these plans is divided into 3/4 other packages. If you’re looking for better web hosting for WordPress websites and better hosting than Bluehost, this post will show you the options. I used Bluehost for 2 years and I noticed that the current hosting package can’t handle my growing traffic. So I decided to migrate my website to a different […]
Read More →
If you’re wondering where you can find the best web design tutorials, I have a hand-vetted list. In this post, I will introduce to you some of the great web design tutorials that I took myself (mostly). Or I know the tutor and the course curriculum well. That means you can rely on these tutorials. Please note that I am not affiliated with them. Rest assured, it will not waste your time. Perhaps, these tutorials will take you from zero to mid/advanced level. Whatever you do, you’re the person who has to do the hard work and study. Let’s get […]
Read More →
There are lots of Fiverr alternatives that have great potential to earn money online. Fiverr is an overcrowded freelancing website where freelancers fight with each other to decrease their prices. So if you’re thinking to find a place to work with dignity, explore these alternatives to Fiverr that I listed below. Of course, you don’t need to join all the freelancing websites. One or two would be enough. You may already have past experience working on Fiverr and ended up with unhappiness. And probably this is the main reason to seek an alternative option. There are plenty of reasons for […]
Read More →
You can make a box in HTML CSS using a couple of ways. Such as border, background-color, etc. In this post, I will create different types of boxes using only HTML & CSS. Let’s get started. Example 1: Make a box using the CSS border In this example, I will create a box for an empty div (class). See the final output below. For the above box, I have an empty div with .box class. HTML And I wrote the following CSS to create the box. CSS I took a fixed width and height but you can replace these values […]
Read More →
After completing the design & development of your website, make sure to do the following things before launching the website. If you don’t know, more than 90% of new websites get zero traffic. So it will be valueless if no one visits your website. No matter how attractive the design you made or implemented cool features, you need people to interact with your website. What to do before launching a website? In most cases, the websites are Google-driven businesses. So you have to make sure it complies well with Google so they can crawl & index it properly. Also, there […]
Read More →
Here I included proposal samples for Upwork that has given me the opportunity to win lots of interviews and jobs. No matter if you’re a web developer or graphic designer or something else, these templates can definitely help a lot. I applied for lots of jobs on Upwork back in 2016 and beyond. After a year, I went through a couple of winning jobs and sorted out the respective proposals. Among the winning proposals, I picked 4/5 of them and rewrote them more precisely to make the templates for future use. These are the great proposal samples that I am […]
Read More →