Skip to content
English - United States
Nous Contacter
  • There are no suggestions because the search field is empty.

How to adjust the size of photos in your Instagram LightWidget widget

Customize the feed display to match your hotel design

Key points:

  • You can adjust the image size directly from LightWidget.
  • The number of columns and the margins influence the size of the photos.
  • The integration code can be modified without breaking the design.
  • The display automatically adapts to mobile and tablet screens.

Instagram visuals are central to a hotel's visual identity. Adapting their size within your LightWidget allows for better integration with your website, optimizes the layout, and balances the space with your other content.

1. Open your LightWidget account

Go to www.lightwidget.com and log in to your account. In your dashboard, select the Instagram widget you want to edit. You'll see a live preview of your current feed.

💡 If you have multiple widgets (e.g., for different pages), make sure you edit the correct one.

2. Adjust the image size from the widget settings

In your widget's configuration options, you can:

  • Change the number of columns (for example: 3, 4, or 6)
  • Change the thumbnail size (small, medium, or large)
  • Define the margins between the photos (internal spacing)
  • Enable or disable borders if you want a "continuous gallery" effect.

💡 The more columns you add, the smaller the photos will appear. Conversely, reducing the number of columns will visually enlarge each image.

3. Generate a new integration code

Once you have made your adjustments:

  1. Click on Get code to generate a new integration script.
  2. Copy the code provided by LightWidget.
  3. Open your site in Webflow Designer.
  4. Locate the section where the feed is integrated.
  5. Replace the old code with the new one.
  6. Click Publish to update the site.

💡 You can keep the same general design: the widget will automatically resize according to the grid and margins you have defined.

4. Adjust the display on mobile

LightWidget is responsive, meaning the feed automatically adapts to the screen width. However, it is recommended to check that:

  • The images are not cropped on mobile.
  • The flow remains smooth and readable.
  • The number of columns should be reduced for a more harmonious look (for example, 2 columns instead of 4 on mobile).

💡 You can adjust this in LightWidget via the Responsive Columns option before generating the code.

5. Check the final result

After publishing, refresh your hotel website and check how it looks on different devices. If the images appear too large or too cramped, return to LightWidget and gradually adjust the settings until you find the perfect balance.

Conclusion

Enlarging or reducing the size of photos in your LightWidget is a simple operation that allows you to better integrate your Instagram feed into your hotel website's design. In just a few clicks, you can adapt your gallery to your visual identity and offer a smooth and elegant experience to your visitors.