Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


How do I insert an image beside text in a box?

I've typed text in the middle box on the front page of my first guide. Now, I'd like to insert a picture to the left of the text (i.e., side-by-side) but I don't see the way to do so.
Last Updated: Apr 16, 2013  |  6037 Views
Topics: Images, Boxes

Was this helpful? 9   7


insert/edit image screenWhen you insert an image into a box, one of the options on the Insert/edit image screen is Alignment. If you choose either left or right, it will align your image to the left side or right side of the box and allow text to wrap around it.

For example, the image in this answer is right aligned. I put my cursor at the beginning of the preceding paragraph (to the left of "When") and added the image, choosing right from the Alignment dropdown.

The align attribute uses the style context "float: left;" or "float: right", which can sometimes make the images "float" outside of the box boundaries. Sometimes you need to add some extra space, or go into the Plain Text Editor and add <br clear="all" /> to the HTML just before the last </p> to ensure that the image stays within the appropriate box.

  1. Click on the tree icon (tree icon) in the 2nd row of options.
  2. Click on the red Click to upload an image… link.
  3. Uploading an Image:
    • Click Browse and find the image on your computer.
    • Click Upload Image.
  4. Add an Image: click on the image from your personal image library (bottom of box).
  5. The URL is automatically added on the Insert Image screen. You can now change the alignment. You want to choose either left or right to have text wrap around the image.
  6. Add a couple of pixels of Vertical and Horizontal space to add a little elbow room around the sides of your image - this prevents the text from touching the image directly.
  7. Click the Insert button to add the image to your content box.
  8. Click Save Changes to save the box content.
Answered by Anna BurkeBookmark and Share

Other Answers / Comments (1)

  1. Hi, Alicia!
    Thanks for letting us know you're all set. :)

    by Cindi Trainor on Aug 19, 2013.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.


Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  
View All Topics

Related content from Springshare v1 Help