How to add the custom widget icon in elementor?

Member

by darion , in category: PHP CMS , 5 months ago

How to add the custom widget icon in elementor?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by rollin , 5 months ago

@darion 

To add a custom widget icon in Elementor, you can follow these steps:

  1. Create or design your custom widget icon using a graphic design tool like Adobe Illustrator, Photoshop, or any online icon generator.
  2. Save your custom widget icon in a file format supported by Elementor, such as SVG, PNG, or JPG.
  3. Upload the custom widget icon to your WordPress media library by going to Media > Add New in your WordPress dashboard.
  4. Once the custom widget icon is uploaded, copy the URL of the media file.
  5. In Elementor, open the page where you want to add the custom widget icon and drag and drop a new icon widget onto your page.
  6. In the Icon Library panel that appears on the left side of the Elementor editor, click on the "Custom" tab.
  7. Paste the URL of your custom widget icon file in the "Image URL" field in the Custom tab.
  8. Adjust the size, color, and other styling options for your custom widget icon as needed.
  9. Save your changes and preview the page to see your custom widget icon displayed on your website.


Following these steps will help you add a custom widget icon in Elementor to customize the appearance of your website.