/* HACK DES STYLES FEATHERLIGHT */
.featherlight .featherlight-content {
    background-color:black;
    border-bottom:10px solid transparent;
    padding:10px 10px 0;
    max-width:auto;
    max-height:auto;
    min-width:auto;
    overflow:visible;
}

.featherlight .featherlight-close-icon {
    color:white;
    background-color:black;
}

.featherlight-next:hover, .featherlight-previous:hover {
    background-color: transparent;
    top: 10px;
}
.featherlight-next {right: 10px;}
.featherlight-previous {left: 10px;}

.featherlight-next span, .featherlight-previous span {
    color:black;
    text-shadow: none;
}

Peut être nécessaire :

.featherlight {
	box-sizing: content-box;
	padding: 1%;

	* {
		box-sizing: content-box;
	}
}

.gallery-item:hover {
	cursor: pointer;
}

Bonne syntaxe de la gallerie en js :

$(document).ready(function(e) {
	// Featherlight for Wordpress gallery
	$('.gallery-item').featherlightGallery(
	{
		gallery: {
			previousIcon: '◀',		/* Code that is used as previous icon */
			nextIcon: '▶',		/* Code that is used as next icon */
			galleryFadeIn: 100,		/* fadeIn speed when slide is loaded */
			galleryFadeOut: 300,		/* fadeOut speed before slide is loaded */
		},
		namespace:	'featherlight',			/* Name of the events and css class prefix */
		targetAttr:	'data-featherlight-img',		/* Attribute of the triggered element that contains the selector to the lightbox content */
		variant:		null, 				/* Class that will be added to change look of the lightbox */
		resetCss:       false,                 /* Reset all css */
		background:     null,                  /* Custom DOM for the background, wrapper and the closebutton */
		openTrigger:    'click',               /* Event that triggers the lightbox */
		closeTrigger:   'click',               /* Event that triggers the closing of the lightbox */
		filter:         null,                  /* Selector to filter events. Think $(...).on('click', filter, eventHandler) */
		root:           'body',                /* Where to append featherlights */
		openSpeed:      250,                   /* Duration of opening animation */
		closeSpeed:     250,                   /* Duration of closing animation */
		closeOnClick:   'background',          /* Close lightbox on click ('background', 'anywhere', or false) */
		closeOnEsc:     true,                  /* Close lightbox when pressing esc */
		closeIcon:      '✕',            /* Close icon */
		loading:        '',                    /* Content to show while initial content is loading */
		persist:        false,                 /* If set, the content will persist and will be shown again when opened again. 'shared' is a special value when binding multiple elements for them to share the same content */
		otherClose:     null,                  /* Selector for alternate close buttons (e.g. "a.close") */
		beforeOpen:     $.noop,                /* Called before open. can return false to prevent opening of lightbox. Gets event as parameter, this contains all data */
		beforeContent:  $.noop,                /* Called when content is about to be presented. `this` is the featherlight instance. Gets event as parameter */
		beforeClose:    $.noop,                /* Called before close. can return false to prevent opening of lightbox. `this` is the featherlight instance. Gets event as parameter  */
		afterOpen:      $.noop,                /* Called after open. `this` is the featherlight instance. Gets event as parameter  */
		afterContent:   $.noop,                /* Called after content is ready and has been set. Gets event as parameter, this contains all data */
		afterClose:     $.noop,                /* Called after close. `this` is the featherlight instance. Gets event as parameter  */
		onKeyUp:        $.noop,                /* Called on key up for the frontmost featherlight */
		onResize:       $.noop,                /* Called after new content and when a window is resized */
		// type:           'image',                  /* Specify content type. If unset, it will check for the targetAttrs value. */
		contentFilters: ['image'] /* List of content filters to use to determine the content */
		// jquery/image/html/ajax/text: undefined /* Specify content type and data */
	});
});

function change_size()
    {
        jQuery('#colonneB').height( jQuery('.colonneB-image').eq(jQuery('#colonneB-carousel').data("carousel").nearestIndex()).height()+20 );
        jQuery('#colonneB-carousel').data("carousel").xOrigin = jQuery('#colonneB-carousel')[0].getBoundingClientRect().width / 2;//             Valeur par défaut
        jQuery('#colonneB-carousel').data("carousel").yOrigin = jQuery('#colonneB-carousel')[0].getBoundingClientRect().height * 0.1;//          Valeur par défaut
        jQuery('#colonneB-carousel').data("carousel").xRadius = jQuery('#colonneB-carousel')[0].getBoundingClientRect().width / 2.1;//           Valeur personnalisée
        jQuery('#colonneB-carousel').data("carousel").yRadius = jQuery('#colonneB-carousel')[0].getBoundingClientRect().height / 11 * (-1);//    Valeur personnalisée
        
        for(var i = 0, MAX = jQuery('#colonneB-carousel').data("carousel").items.length; i < MAX; i++ )
        {
            jQuery('#colonneB-carousel').data("carousel").items[i].fullWidth = jQuery('.colonneB-image').eq(i).width();// On met à jour la variable fullWidth qui sert dans les calculs de position du plugin
        }
        jQuery('#colonneB-carousel').data("carousel").go(0);// Actualise la position des items
    }

    jQuery(window).resize(function(e)
    {
        change_size();
    });

        onRendered: function( carousel ) 
        {
            var n = jQuery('#colonneB-carousel').data("carousel").floatIndex();
            if( n === +n && n === (n|0) )
            {
                 // Fonction à exécuter
            }
            else if( jQuery('#colonneB-carousel').data("carousel").destRotation == jQuery('#colonneB-carousel').data("carousel").rotation )
            {
                // On a atteint la dernière image et on est pas sur un floatIndex entier, donc on est tout près       
                jQuery('#colonneB-carousel').data("carousel").rotation = (Math.PI/2) + (Math.PI*2/jQuery('#colonneB-carousel').data("carousel").items.length) * Math.round(jQuery('#colonneB-carousel').data("carousel").floatIndex());// Cette étape est théoriquement inutile, mais ça ne marche pas sans...
                jQuery('#colonneB-carousel').data("carousel").destRotation = (Math.PI/2) + (Math.PI*2/jQuery('#colonneB-carousel').data("carousel").items.length) * Math.round(jQuery('#colonneB-carousel').data("carousel").floatIndex());
                jQuery('#colonneB-carousel').data("carousel").rotation = jQuery('#colonneB-carousel').data("carousel").destRotation;
                jQuery('#colonneB-carousel').data("carousel").play();
            }
        }

[contact email_to="" label_name="Nom " label_email="Email " label_subject="Sujet " label_captcha="Entrez le nombre " label_message="Message " label_submit="Envoyer" message_error="Veuillez remplir tous les champs." error_name="Veuillez entrer au moins 2 caractères" error_email="Veuillez entrer une adresse email valide" error_subject="Veuillez entrer au moins 2 caractères" error_captcha="Veuillez entrer le bon nombre" error_message="Veuillez entrer au moins 10 caractères" message_success="Merci pour votre message. Vous allez recevoir une réponse dans les plus brefs délais."]

Utiliser la dernière version :

1. Récupérer le dernier pre-built ici.
2. Copier et dézipper le dossier téléchargé dans le répertoire du plugin.
3. Renommer le dossier beta en beta-backup, et le nouveau dossier en beta. Si on utilise [pdfviewer beta=“true”] la dernière version du plugin sera utilisée.

Modifier les menus :
Le plugin utilise une iframe de la page viewer.html de PDF.js. Pour désactiver une option, il suffit de commenter le menu en rapport sur cette page.

Personnaliser le CSS et cacher les boutons en trop :
style.css :

/*--- Hack des styles de PDF viewer */
iframe.pdfjs-viewer {
    border: none;
    border-bottom: 4px solid rgb(85, 85, 85);
}

viewer.css :

/*--- Hack des styles de PDF viewer */
body {
    background-color: transparent;
    background-image: none;
}

#toolbarContainer {
    border-radius: 20px;
}

#openFile, #print, #download, #viewBookmark, #secondaryOpenFile, #secondaryPrint,
#secondaryDownload, #secondaryViewBookmark, #pageRotateCw, #pageRotateCcw,
#documentProperties {
    display: none !important;
}

#mainContainer {min-width: 0;}