To add a photo:
- Create a new box – select “rich text”.
- Wait for it to load – it should eventually give you two rows of icons – things like ‘paragraph’ and B for bold and so forth.
- Click the one in the middle of the bottom row showing a picture of a tree.
- Click on “Click to upload” and browse for it (unless it’s already online, in which case just paste in the URL)
- Give it a description (this will display if a user has images turned off, or is using a screenreader) and you can add in alignment, size, borders and spacing if you want.
- Click “Insert”
- You can see a preview. If you want, you can add text here to say more about the photo.
- Click “Save changes” – done!
Advanced:
The alignment options don’t seem to include centering the image – at least, “middle” didn’t work when I tried it. So if you want to center an image then:
- While you’re still in preview mode, switch to the plain text editor
- You’ll see a bunch of code looking something like <img alt=”description” src=”url” />
- After “img” paste in this whole line:
style=”display: block; margin-left: auto; margin-right: auto;”
- Click “Save changes”
- Make sure it looks okay – it’s easy to miss out a quote mark and then the whole code breaks. If anything goes wrong, delete the image and try again, or else email me and I’ll help sort it out.
Deborah
The alignment options don’t apply to where the image will display in the box, but where it will display in relation to any text on the page. So if you choose the right alignment option the image will display to the right of any text. Same for the top, middle and bottom options.
Remember too, that you can email LibraryIT for technical help like this. There are several of us who monitor the LibraryIT email account and can help with LibGuides technical things, so you may get assistance more quickly than going to a personal email if that person is out of the office or otherwise busy.
Catherine Jane