Change a project's colour or add a profile picture

Change a project's colour or add a profile picture

Your can change a project’s colour or add a background image (profile image, cover image) to a project.

image-20240523-113535.png

 

By default a project does not have a cover image (profile picture). Instead

  • the colour of the project’s cover section rotates each time it loads

  • the Makerble Project icon is used as the project’s thumbnail (e.g. when on the Homepage looking at the Projects box in the left side bar)

How to change a project’s colour

  1. Select Spaces in your Side Menu

  2. Press the cog or More Options button next to your chosen project and choose Edit & Rename

  3. You arrive on the Edit page. Scroll down to the Advanced panel and select it to open it.

    image-20250704-110459.png
  4. Under Pick a colour select the current colour

  5. You’ll see a colour picker.

    image-20250704-110527.png
  6. Pick an alternative colour. To use a specific hexcode or HSL value, click the up.down arrow to the right of RGB until you see that option

  7. Press Save

How to add or change the project’s cover image

  • First check that the Project Profile Image field is on the Project Template that the project is based on

  • Then you can edit the project and add the profile image

Part 1: Add the Project Profile Image field is on the Project Template that the project is based on

Watch the walkthrough video

Step-by-step instructions

  1. Select My Apps in the top menu

  2. Scroll across until you see the Project Templates button. Select it.

  3. You arrive on the Manage Project Templates page

  4. The middle column of the table displays the projects that were created using each Project Template

  5. Press the Edit (cog) button next to the Project Template that was used to create your project

  6. You arrive on the Edit Project Template page

  7. If the Help Image field is already displayed on the right side, you can move to Part 2

  8. If the Help Image field is not already displayed on the right side, search for Help Image in the Available Fields section on the left.

    1. Deselect all the Field Types apart from Attachment to find the Help Image field faster

    2. Tick the green tick symbol next to the field

    3. It will be added to the right panel called Current Fields

  9. Scroll to the bottom and press Save

  10. You can now move to Part 2

Part 2: Edit the project and add the profile image

From the Project page

  1. Type the name of the project into the top menu Search Bar. (You do not need to press the Enter key)

  2. Select the project

  3. You arrive on the project’s profile page

  4. In the cover section, press the More Options button

  5. A dropdown menu appears

  6. Select Edit & Rename

  7. You arrive on the Edit Project page

  8. Press the Browse button for the Project Cover Image

  9. Select the profile picture you want to use for that project

  10. Use an image size of 1600 pixels in width and 400 pixels in height to ensure it fits properly.

  11. Scroll to the bottom and press Save

  12. You return to the project profile page which now displays the project’s profile picture in the cover section

Watch the walkthrough video

From the My Apps menu

  1. Select My Apps in the top menu

  2. Select Projects

  3. You arrive on the Manage Projects page in Tiles view

  4. Select Tables view

  5. Scroll down until you see the project you want to add the profile image to

  6. Press the cog button beside the name of the project

  7. A dropdown menu appears

  8. Select Edit & Rename from the menu

  9. You are now on the Edit Project page

  10. Press the Browse button for the Project Cover Image

  11. Select the profile picture you want to use for that project

  12. Use an image size of 1600 pixels in width and 400 pixels in height to ensure it fits properly.

  13. Scroll to the bottom and press Save

  14. You return to the project profile page which now displays the project’s profile picture in the cover section