# Introducing rtMedia 3.7 with Masonry-Style Gallery and Mobile-Optimized Lightbox

*Published:* 2014-07-08
*Author:* Mahevash Shaikh

> rtMedia 3.7 is out with two new features that have been popularly requested: Masonry-Style Gallery and Mobile-Optimized Lightbox.

rtMedia 3.7 is out with two new features that have been popularly requested-

- Masonry-Style Gallery
- Mobile-Optimized Lightbox

## Masonry-Style Gallery

As shown below, rtMedia 3.6.15 had a simple media gallery that made our customers’ websites look slightly old-fashioned.![rtMedia Gallery](https://rtcamp.com/wp-content/uploads/sites/2/2014/07/rtMedia-Gallery.jpg?resize=794%2C355&quality=100&strip=all)

Since [Masonry ](http://masonry.desandro.com/)is responsive and used by most modern websites, we decided to implement a masonry-style gallery. This is how a gallery looks like in rtMedia 3.7-

![Masonry-Style Gallery](https://rtcamp.com/wp-content/uploads/sites/2/2014/07/masonry-style-gallery-view.png?resize=793%2C476&quality=100&strip=all)
Only the site administrator can enable masonry-style gallery by clicking on **rtMedia** in his WordPress Dashboard. Then, as shown below, under **Display**, set **Enable Masonry Cascading grid Layout** to **ON**. Masonry-style galleries are now enabled for use across your site.

![Turning on Masonry View in rtMedia](https://rtcamp.com/wp-content/uploads/sites/2/2014/07/masonry-view-admin-setting.png?resize=698%2C173&quality=100&strip=all)

As specified in the image above, you might need to change the thumbnail size for your uploaded images under the **Image Sizes** tab, and uncheck the **Crop** option. Also, it is advisable if you regenerate thumbnails for your images.

If you wish to set all media in a gallery to a fixed width, set **Height** to 0 and enter the width of your choice in the **Width** field. Similarly, if you wish to set all media in a gallery to a fixed height, set **Width** to 0 and enter the height of your choice in the **Height** field.

Masonry is nothing but a new grid layout for galleries. Site administrators can choose to use the old gallery style by setting **Enable Masonry Cascading grid Layout** to **OFF**. Please note that the Masonry-style gallery is applicable to all kinds of media: images, audio and video .

## Mobile-Optimized Lightbox

As shown below, rtMedia 3.6.15 allowed single media to be displayed in a Facebook-style lightbox.

![Single Media Lightbox in rtMedia](https://rtcamp.com/wp-content/uploads/sites/2/2014/07/Single-media-lightbox.jpg?resize=1275%2C516&quality=100&strip=all)
However, this lightbox was not visible in all mobile devices. Since [more and more people are accessing the internet through their mobile devices,](http://marketingland.com/nielsen-time-accessing-internet-smartphones-pcs-73683) we wanted a media lightbox to show up in mobile devices as well.

In rtMedia 3.7, single media is visible in a lightbox on all popular mobile devices. This is how it shows up in my Samsung Galaxy S II-

![rtMedia Lightbox in Samsung Galaxy ](https://rtcamp.com/wp-content/uploads/sites/2/2014/07/mobile-lightbox.png?resize=480%2C800&quality=100&strip=all)
As most mobile devices today have a touchscreen, we also included swipe functionality. Users can now navigate media by simply swiping across their screen. Just like the masonry-style gallery, this option too can only be enabled by the site administrator by clicking on **rtMedia** in his WordPress Dashboard. Then, as shown below, under **Display**, set  to **ON**.

![Turning on Lightbox in rtMedia](https://rtcamp.com/wp-content/uploads/sites/2/2014/07/Lightbox-enable.jpg?resize=734%2C67&quality=100&strip=all)
rtMedia 3.7 is the latest version of rtMedia and was released on July 7, 2014. [Grab your free copy today.](http://wordpress.org/plugins/buddypress-media/)

### Categories and Taxonomies

#### Categories
[News](https://rtcamp.com/blog/category/news.md), [Releases](https://rtcamp.com/blog/category/release.md)

#### Tags
[Archive](https://rtcamp.com/blog/tag/archive.md)

### Related Posts

- [What's coming in WordPress 7.2](https://rtcamp.com/blog/whats-coming-in-wordpress-7-2.md)
- [When you're the only one who understands WordPress: Take from WordCamp US 2026](https://rtcamp.com/blog/only-one-who-understands-wordpress-wcus-2026.md)
- [Agents need good tools too: Insights from WordCamp US 2026](https://rtcamp.com/blog/editorial-experience-for-humans-ai-wcus-2026.md)
- [Why the WordPress agency is becoming invisible | Perspective from WCUS 2026](https://rtcamp.com/blog/wordpress-agency-becoming-invisible-wcus-2026.md)
- [Behind the table Takeaways from WordCamp’s “Core AI Prompt Bar” with David Levine](https://rtcamp.com/blog/wcus-2026-core-ai-prompt-bar-takeaways.md)

### Navigation

- Previous Post: [rtMedia PRO 2.3 with Sorting, Social Sharing and More](https://rtcamp.com/blog/rtmedia-pro-2-3-release.md)
- Next Post: [rtMedia PRO 2.4 with FavLists and more](https://rtcamp.com/blog/rtmedia-pro-2-4.md)
