Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


Help! When I try to embed an image/widget/video in my guide, it is too big - it extends past the border of the box. How can I resize things?

Last Updated: Mar 18, 2013  |  2348 Views

Was this helpful? 1   1


Have no fear! This happens because your content - your image, video, widget, etc. - is too wide for the column that contains it. All we need to do is adjust the width of either (a) the content or (b) the column. Here's how...

Step 1: Determine the width of the content item

  • If your content contains code - for example, a chat widget or video - look for a section of code like width=300. Jot down the number that you see.
  • If your content is an image, view it in an image-editing program (like Paint) to determine width. Jot down that number.

Step 2: Determine the width of your column

  • Click on Add/Edit Pages > Resize Columns. Look for the column that contains your image, video, or widget. How many pixels wide is the column? Jot down this number.

Step 3: Adjust

You can adjust either the width of your content, or the width of your column. Check out both options below!

  1. Adjust the width of the column.
    • Just go back to Add/Edit Pages > Resize Columns and use the slider to make your column bigger!

  2. Adjust the width of the content.
    • Many sites offer you a way to resize the content they provide you. Here's an example from LibraryThing:

      If the tool does not have a built-in method for you to resize their content, look for any instances of width=XYZ. Replace XYZ with a number smaller than your column size. Depending on your content, you may also need to adjust the height=XYZ property as well. You may wish to delete the height property altogether - most content will resize automatically.

      If the site does not provide you with a way to resize their content, and changing the width manually does not achieve the desired result, you may need to adjust your column size.

    • For images, either resize the the image in a photo editor, or resize the image within your guide by dragging the corners (see the video below).

Grey triangle Embedded Media:

Unable to display content. Adobe Flash is required.
Answered by Talia RichardsBookmark and Share

Other Answers / Comments (0)

    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  –  Webinar  
    View All Topics

    Related content from Springshare v1 Help