All Collections
Sharetribe Go - General
Static content
Images on static content pages
Images on static content pages

Learn how to add images to your "About" pages.

Sharetribe avatar
Written by Sharetribe
Updated over a week ago

Sharetribe lets you edit the content (including images) of the four static ("About") pages as well as for the Welcome email in your marketplace. Follow these instructions to add images to these pages.

Add a picture to a static page

  1. Log in to your marketplace as an administrator.

  2. Go to your Admin panel, then "General> Static content".

  3. Edit the page you want to update.

Option 1:

  1. Find the image on your computer

  2. Drag it to the place in the text you wish to place it. The displayed image will be the size of the original image.

Option 2:

  1. Click "Media" from the top bar.

  2. In the URL field of the Images part, add the link to your image.

    If you use this method, you will have to store your image on a third-party service and add your picture's direct address. The displayed image will be the size of the original image.

Resize a picture

There are two ways to resize an image.

Change the original image size

The displayed image uses the size of the original file. One way to change the image's size is to resize it on your computer and save the resized version online.

Format the image size with code

If you cannot resize your original image, you can force change the size with HTML code. Doing this needs to be done with care not to break your image. Follow these steps to change the size:

  1. Log in your marketplace as an administrator.

  2. Go to your Admin panel, then "General> Static content".

  3. Edit the page you want to update.

  4. In the toolbar, click on <> ("Edit the HTML content") to load your content in HTML form.

  5. Look for the place where, among your text, you see the filename of your image. The code should look something like this: <img src="http://www.yourhostingservice.com/yourpicturename.png">

  6. Add the width or height (in pixels) of the desired image size to the img tag. It's a good idea only to define the desired width or height as it will automatically calculate the missing dimension and preserve the image's aspect ratio. Your image tag should end up looking like this: <img src="http://www.yourhostingservice.com/yourpicturename.png" width="200px"> or <img src="http://www.yourhostingservice.com/yourpicturename.png" height="200px">. In these examples, the width or height was defined as 200 pixels.

  7. Click "Save and replace" and "Save" again to quit the editor.

Did this answer your question?