SMART IPTV PRO WEB Documentation
  • Introduction
  • Quick Start Guide
    • Prerequisites
    • Download the Project
    • Install Dependencies
    • Start the Development Server
    • Build for Production (Optional)
    • Edit the Project
  • Customizing the Project
    • Changing Icons
    • Changing Text
    • Changing Colors
  • Building the Project
  • Uploading the Project to Hosting
Powered by GitBook
On this page
  1. Customizing the Project

Changing Icons

All icons, including the project logo, and media-related icons (movies, series, live icons), are located in the src/public directory. These can easily be replaced with your own custom icons or logos.

To change the icons in your project, you first need to navigate to the src/public directory, where all the relevant icons, such as the logo and media-related icons for movies, series, and live sections, are stored. Simply replace the existing files with your new icons by ensuring that the new files have the same names as the ones you're replacing, such as logo.png, movies-icon.png, series-icon.png, and live-icon.png. It’s important to keep the file format and size consistent with the original icons to avoid layout issues or performance problems. After placing your new icons in the folder, the project will automatically use them wherever they are referenced in the code, such as in image tags. There's no need to modify the code if the file names are the same, and you can immediately see the changes by running or refreshing the app. This approach allows you to easily update the visual elements of your project.

PreviousCustomizing the ProjectNextChanging Text

Last updated 7 months ago