register | login | contact

FAQs   our online clinic, ask a question RSS logo

How do I add an image to the sidebar in Welcome?

Christine Cahoon   Mon 13 Aug 2012   updated: Wed 18 Jan 2023

This was a question from Shirley, Dairy Fresh Foods

The sidebar has normally a restricted width of 280px so you need to make sure that you select the right size of image. Upload the document into the Administrative section, Documents. This creates a small, normal and large image that are optimised for the web e.g.

Thumbnail image with path as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/pictures/small/002838.jpg

Normal sized image with path as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/pictures/normal/002838.jpg

Large image with path as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/pictures/large/002838.jpg

Also the original image is stored as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/documents/002838.bmp

Now follow the instructions in the blog:

How to add an image to a generic section....

Remember that the sidebar is a narrower width so you may need to use the small thumbnail image, so just replace where it says normal in the filename path to small.

1 comment

Christine Cahoon   Wed 22 Mar 2017

There again, small maybe too small so keeping the link to the normal sized image:

  • use the Edit icon to view the HTML
  • within the img tag, add style="width: 270px;" or whatever sizes well within the sidebar
  • select Submit and you'll see it take immediate effect... you adjust the width as you see fit.

Example in Jamey Guiney web site's home sidebar.