FMG – How to Add Different Media to your Gallery

In this video screencast you will learn how to add different media to you galleries, you will see how we add Vimeo, Youtube & Dailymotion videos and upload and add data for your images. Also, you can now order the media in the order you want not only by the date added.

If the video is blurry for you, change the YouTube video quality to HD.

Fixedly Media Gallery 1.3 Released

Fixedly Media Gallery 1.3 has been released. In the new version we have added new way of handling layouts with 9 unique templates, simplified the way to assign and update template style and effect & added totally new structure of the plugin database (older database tables for version 1.1 and 1.2 will deleted with the new installation).

Here are some more features and functionality in the 1.3 version:

  • Put all different types (image, video, slide) together on one create page.
  • Now you would able to add multiple media at once.
  • Added the functionality to change order of the slides.
  • Fixed upload & attach image issues with thickbox.

Fixedly Media Gallery Screencast 07/17/12

This screencast is based on Fixedly Media Gallery 1.1;
Howtos, tutorials and screencast for the latest version [1.3] can be found here.

In this Screencast you will learn:

  • (0:00 – 1:40) How to create a video template with styles (see stylesheet below).
  • (1:40 – 4:05) How to create video gallery and how to add videos to your new gallery.

If the video is blurry for you, change the YouTube video quality to HD.

Below you can find the styles for this template:


.fixedly-cont {position: relative;}
.fixedly-inner-nav-prev {position: absolute; bottom: 40px; left: 0px; font-size: 42px; z-index: 8;}
.fixedly-inner-nav-next {position: absolute; bottom: 40px; right: 0px; font-size: 42px; z-index: 9;}
.fixedly-inner-head {font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.fixedly-inner-text {font-size: 14px;}

.fixedly-top-cont {margin-bottom: 20px; overflow: hidden; clear: both;}
.fixedly-top-left {float: left;}
.fixedly-top-left select {margin-bottom: 20px;}
.fixedly-top-right {float: right;}
.fixedly-top-right iframe {border: 10px solid #eee; width: 95%;}

.fixedly-bot-cont {margin-bottom: 20px;}
.fixedly-bot-slider {position: relative;}
.fixedly-bot-slider-cont {width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.fixedly-bot-slider-cont ul {margin: 0; padding: 0; width: 100%; text-align: center;}
.fixedly-bot-slider-cont ul li {display: inline; list-style-type: none; margin-right: 10px; margin-left: 10px;}
.fixedly-bot-slider-cont ul li img {border: 5px solid #eee; width: 130px; height: 110px; display: inline-block;}