Thinkspace provides an extensive collection of stock images that you are welcome to use anywhere on your website. The images have been stored in the media files on your website and have also been cropped to fit certain common shapes and sizes. In this article you will learn how navigate to the stock images in your media manager, add your own images to your media manager, add or edit images on your website and learn about which sizes are already available for you and the naming scheme used to identify those sizes.


If you're interested in adding or editing banner images in your main homepage slide show, please use this article: Desktop and Mobile Slide Shows


Please Note: The stock images available through Thinkspace are available for use on your Thinkspace website only and can not be used in any other marketing materials or social media outside of the website.


To get started login to your site's Admin.


In this Article


Navigate To Stock Images In Media Manager


  • From the Dashboard, click on Media
  • You will see a set of folders in the navigation on the left sidebar of your Media Manager. From here click on Library to see all images provided by Thinkspace. (Note: The images under the folders Uploads and Slideshows are the images that have been manually uploaded to your unique site and will only be found on your site.)
  • Double-click on Styles.
  • The next screen will show a series of folders named for the general theme of images collected in that folder. Double-click on whichever folder category makes the most sense for the image you're trying to find.
  • Once you click on the folder you want to browse (In the example we are using Couples), another series of folders will open up to offer you the size options that have been cropped into specific dimensions. Below is the breakdown of each folder name versus what the pixel sizes are associated with that folder.
    • Banner - Long = 1440 x 470 pixels
    • Banner - Mobile = 480 x 540 pixels
    • Banner - Short = 950 x 470 pixels
    • Cover = 800 x 530 pixels
    • Square = 600 x 600 pixels
    • Tall = 500 x 670 pixels
  • Double-click on the folder with the proper dimensions that you're looking for to see all of the available images in that particular category and that particular size. You can always visit another folder at any time if you need another size or want to browse a different category by clicking anywhere in the left navigation to move back to a previous folder.
    Note: Each image has a corresponding image in each folder, so if you like an image but need it in a different size then just make sure to note the number of the image you chose (Example: banner-long-12 is the same image, but cropped differently, as banner-mobile-12).
  • Below are some examples of Thinkspace themes with notes about where you might find each of the sizes listed above. (Banner - Mobile is ideally used for your main homepage slideshow in mobile view.)
     


Add Your Own Images To Media Manager


  • From the Dashboard, click on Media
  • You will see a set of folders in the navigation on the left sidebar of your Media Manager. From here click on Uploads to see all images that have been manually uploaded to your unique site and will only be found on your site.
  • It can be helpful to create a new folders within your Uploads folder in order to keep images for different pages organized. If you want to create a New Folder click on the folder symbol with the plus sign over it.
  • You can upload your own images either by Clicking and Dragging the image into the folder or by using the Upload Files button which looks like a save disk with a plus sign over it. (Note: Please upload your images in the sizes you want to use them. If they are too large then they will come up on the site in that same large format. Make sure images are not larger than about 1000 pixels on the longest side (for images other than slideshow banners which are typically longer) and file sizes should be under 1mb. If you need help compressing/optimizing a file size then you can use this tool https://compressor.io/compress  Likewise, if images are too small then they will not easily stretch to fill space and could become blurry or pixelated).
  • You can remove any images from your Media Manager by right-clicking on the image and choosing Delete.


Other Helpful Tips:

  • If you're using a Mac computer then you can click on an image in the Media Manager and press spacebar to enlarge the view of the image.
  • If you're interested in editing images on your own but you don't have access to a good editing tool, we recommend using https://www.canva.com/ for help with editing images.
  • To find the size of an image currently on your site you can use one of 2 methods: 
    • The First Option is to navigate to your Media Manager
    • Right-click on any image
    • Select Open and a new window will appear showing the dimensions of the image at the top.
    • The Second Option is to Right-click on any image from the front-end of the site
    • Select Open Image in New Tab
    • Hover your mouse over the tab that opens and in parenthesis next to the name of the image you will see the image dimensions. 


Add a New Image to a Page


You can add new images to any standard content page on your website. These are typically pages like About Us, Services, Education, etc... 

  • Start by opening up the page you want to add an image to by navigating to Content > Pages and clicking on the title of the page you want to edit. 
  • Once the page is open, click on the widget you want to edit. (Note: you are able add images to Rich Content and Image widgets). If you need to add a new widget, click here to learn how.
  • In the example below, we are adding an image to a Rich Content widget. Click into the spot where you want to add your image and then click on the landscape icon.
  • An Image Properties window will open with image options. Click on Browse Server to open up your Media Manager and start browsing for an image. The URL field will fill itself in once you've chosen an image from the files. (Note: In most cases you will not want to use the Width and Height fields in this window because choosing dimensions in this section will cause the image to not behave responsively in tablet and mobile views. If you want to change the size of an image you will need to upload the image in the correct size. Use the Other Helpful Tips section above to help you figure out sizes and how to crop on your own).
  • From here another pop-up window will open up where you will see your Media Manager. You can use the instructions above to navigate through your media files to the Thinkspace Stock Images or to navigate to your own images.
  • When you find the image you want, double-click on the image. This will cause the URL field to fill itself in and a preview will appear.
  • Click Ok to place in the image into the widget.
  • Then just make sure to Save the widget and you're all set!


Edit or Remove an Existing Image on a Page


You can edit or remove images from any standard content page on your website. These are typically pages like About Us, Services, Education, etc... 

  • Start by opening up the page you want to edit by navigating to Content > Pages and clicking on the title of the page you want to edit. 
  • Once the page is open, click on the widget you want to edit. (Note: You will likely be looking for a Rich Content or Image widget).
  • If you want to replace an existing image then double-click on the image you want to replace to open up the Image Properties window. 
  • The URL field will already be filled in so you'll want to make sure this field is highlighted and then click Browse Server.
  • From here another pop-up window will open up where you will see your Media Manager. You can use the instructions above to navigate through your media files to the Thinkspace Stock Images or to navigate to your own images.
  • When you find the image you want, double-click on the image. This will cause the URL field to be replaced with the new image's URL and a preview will appear of the new image.
  • Click Ok to place in the image into the widget.
  • Then just make sure to Save the widget and you're all set!
  • To Remove an image, click on the image you want to remove and click Delete/Backspace on your keyboard.