PLUGINS


// COLORED SOCIAL BUTTONS

.social-icons-style-border.social-icons-color-black .sqs-svg-icon--wrapper {
    border: solid 1px #F65959 !important;
}
.sqs-use--icon {
    fill: #F65959 !important;
}
.social-icons-style-border.social-icons-color-black .sqs-svg-icon--wrapper:hover {
  background: #F65959 !important;
.sqs-use--icon {
fill: #fff !important;
}
}


Install Font Awesome

Place this in site wide code injection header

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


VIDEO LIGHTBOX BUTTON

INSTRUCTIONS

1. Paste code into website code injection footer. Menu > Settings > Advanced > Code injection

2. Type [lightbox] after text of button.

CODE

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script type="text/javascript">

/*=============== SQUARE STUDIO VIDEO LIGHTBOX PLUGIN START ===============*/

$(document).ready(function(){function e(){f(),g()}function f(){$(".sqs-block-button a, .desc-wrapper a, .page-desc a").each(function(){var a=$(this),b=a.text().toLowerCase();b.includes("[lightbox]")&&(b=a.text().replace("[lightbox]","").replace("[LIGHTBOX]","").replace("[Lightbox]",""),a.text(b),d.push({elem:$(this),click_elem:a,link:h(a.attr("href"))}),a.removeAttr("href"))})}function g(){d.forEach(function(a){a.click_elem.click(function(){i(a.link)}),a.click_elem.css("cursor","pointer")})}function h(a){var e,c=/(?:http?s?:\/\/)?(?:www\.)?(?:vimeo\.com)\/(?:.*\/)?(.+)/g,d=/(?:http?s?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g;if(c.test(a))var f="//player.vimeo.com/video/$1",e=a.replace(c,f);if(d.test(a))var f="https://www.youtube.com/embed/$1",e=a.replace(d,f);return e}function i(d){a=!0,$("body").css({overflow:"hidden",height:"100%"}),$("body").append('<div id="lightbox_overlay"style="position:fixed;height:100%;width:100%;left:0;top:0;z-index:20000;"></div>'),$("#lightbox_overlay").append('<div id="lightbox_background" style="height:100%;width:100%;background-color:black;z-index:0;opacity:0;"></div>'),$("#lightbox_overlay").append('<div id="lightbox_video_wrapper" style="width:'+(b-b/4)+"px;height:"+(c-c/8)+'px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;opacity:1;z-index:1;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;"></div>'),$("#lightbox_video_wrapper").append('<iframe id="lightbox_video" src="'+d+'?autoplay=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width:100%;height:100%;position:absolute;top:0;left:0;"</iframe>'),$("#lightbox_overlay").append('<img src="https://static1.squarespace.com/static/56fe5ba420c64743836b25e3/t/57a1d6acb3db2b02a17b33d5/1470224044007/cross_grey.png" id="lightbox_close_button" style="width:16px;height:16px;position:absolute;top:20px;right:15px;z-index:2;color:white;opacity:1;cursor:pointer;"/>'),$("#lightbox_close_button").click(function(){j()}),$("#lightbox_background").animate({opacity:.93},200),$(".scrollable").bind("touchmove",function(a){a.stopPropagation()}),$("#lightbox_overlay").bind("touchmove",function(a){a.preventDefault()}),k($("#lightbox_video_wrapper"))}function j(){$("body").css({overflow:"auto",height:"auto"}),$("#lightbox_overlay").animate({opacity:0},200,function(){$("#lightbox_overlay").remove()}),$(".scrollable").bind("touchmove",function(a){return!0}),$("#lightbox_overlay").bind("touchmove",function(a){return!0})}function k(a){var c=1e3,d=9/16;b<a.width()?(a.css("width",b),a.css("height",b*d)):b>a.width()&&(b>c?(a.css("width",c),a.css("height",c*d)):(a.css("width",b),a.css("height",b*d)))}function l(){MutationObserver=window.MutationObserver||window.WebKitMutationObserver;var a=new MutationObserver(function(a){for(var b=0;b<a.length;b++){var c=a[b];if("attributes"===c.type){var d=new Event("pageChange");document.dispatchEvent(d)}}});a.observe(document.body,{attributes:!0,attributeFilter:["id"]})}var a=!1,b=$(window).width(),c=$(window).height(),d=[];e(),$(window).resize(function(){b=$(window).width(),c=$(window).height(),a&&k($("#lightbox_video_wrapper"))}),document.addEventListener("pageChange",function(){e()}),window.onload=l});

/*================ SQUARE STUDIO VIDEO LIGHTBOX PLUGIN END ================*/

</script>