Knowledge Base

Browse through our expansive online help documentation.

Adding Images in Mint

Mint allows you to add team member images in the team section of the template.

Adding a Team Member Image

To add your team members’ images, follow these instructions:

  1. Select the images from your PC that you want to display and resize them, if necessary.
  2. Copy the images to the assets/images folder.
    • If you’re testing the template locally on your PC, then simply copy the images.
    • If you’ve already uploaded the template to your host’s server, then FTP the images into the assets/images folder.
  3. Open the index.html file in a code editor and look for the the-team section.
  4. Change the file names to the file names of your team members’ images.
    • For more information, refer to the code example.
  5. Save the file and view the updates on your PC.
    • If you’re testing locally, simply drag the index.html file into an empty tab of your favorite internet browser.
    • If you’ve already uploaded the template to your host’s server, then FTP the updated index.html file, and then view it in your browser.

Here is the code which you need to modify to display your new team members’ images:

<div class="member">
<img src="assets/images/team-1.jpg" width="150" height="150"> </div> ... <div class="member">
<img src="assets/images/team-2.jpg" width="150" height="150"> </div> ... <div class="member">
<img src="assets/images/team-3.jpg" width="150" height="150"> </div>

Note: You will need to replace each team member’s image file name in multiple places.