Change custom cursor icon/image in cargo collective

change cursor in cargo

As a Cargo Collective user, you may want to customize your website’s cursor icon to give it a more personalized touch. The cursor icon, also known as the mouse pointer or mouse cursor, is the small arrow or hand that appears on the screen when you move your mouse. In this blog, we will explore how to change cursor icon in cargo collective.😎

So let’s get started🚀

Change custom cursor icon image in Cargo Collective Site Builder

Step 1: Choose a cursor icon

The first step in changing your cursor icon is to choose a new one. You can use an existing cursor icon or create your own. There are many websites that offer free cursor icons, such as Icon Archive or Flaticon. You can also design your own cursor icon using graphic design software like Adobe Photoshop or Illustrator.

Step 2: Upload the cursor icon to your website

Once you have your cursor icon ready, you need to upload it to your website. To do this, log in to your Cargo site builder and go inside the page which you have created after that upload the cursor image and after uploading that cursor image you need to click on the file which you have uploaded it will open a alert box having the link of the file. Copy the link of the cursor image.

Next, scroll down to the “CSS” section and click on the “Edit” button. This will open the CSS editor, where you can add custom code to your website.

Step 3: Add custom CSS code to change the cursor icon

In the CSS editor, you can add the following code to change the cursor icon:

body { cursor: url('your-cursor-icon-url'), auto; }

Replace ‘your-cursor-icon-url’ with the URL of your cursor icon image file. For example, if you uploaded your cursor icon to your website’s image library, you can use the URL of that image. If you used a free cursor icon website, you can copy the image URL from the website.

Once you have added the CSS code, click on the “Save Changes” button to save your changes.

Step 4: Preview and test your new cursor icon

After adding the custom CSS code, preview your website to see the new cursor icon. If everything looks good, test the cursor icon by moving your mouse around the website. Make sure the new cursor icon appears in all areas of the website, including over links and buttons.

If you encounter any issues or the cursor icon doesn’t display correctly, double-check the CSS code and the image file URL.

In conclusion, changing the cursor icon in the Cargo site builder is a simple process that can give your website a unique touch. By following these steps, you can upload and display your custom cursor icon on your website.

Thanks for reading this article.


Hey, wait a minute ,

Do you know how to connect custom domain from other hosting provider like godaddy to cargoClick here to read the article on that.

Are you having trouble in customization of your cargo website hire me as your website developer – Hire Me

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *