G Gall [S]

width < 460

[Main layer] Caption font-size 11px
[Main layer] Attribution font-size 11px
[Main layer] Button font-size and format 11px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Buttons padding 10px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 8 px
[Share layer] Button font-size 11px
[Share layer] Signature “Powered by SmartFrame” 11px
[Share layer] Icon size 30x30px
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 11px
[Deterrent layer] Signature “Powered by SmartFrame” 11px
[Deterrent layer] Getty logo size width: 100px
[Scroll bar] Width 3 px
[Top label] 11px Roboto

width < 375

[Main layer] Caption font-size 11px
[Main layer] Attribution font-size 11px
[Main layer] Button font-size and format 11px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Buttons padding 10px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 8 px
[Share layer] Button font-size 11px
[Share layer] Signature “Powered by SmartFrame” 11px
[Share layer] Icon size 30x30px (no border around share icons)
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 11px
[Deterrent layer] Signature “Powered by SmartFrame” 11px
[Deterrent layer] Getty logo size width: 100px
[Scroll bar] Width 3 px
[Top label] 11px Roboto

width < 320

[Main layer] Caption font-size 9px
[Main layer] Attribution font-size 9px
[Main layer] Button font-size and format 9px UPPERCASE
[Main layer] Buttons size 26x26px
[Main layer] Buttons padding 8px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 8 px
[Share layer] Button font-size 9px
[Share layer] Signature “Powered by SmartFrame” 9px
[Share layer] Icon size 30x30px (no border around share icons)
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 9px
[Deterrent layer] Signature “Powered by SmartFrame” 9px
[Deterrent layer] Getty logo size width: 100px
[Scroll bar] Width 3 px
[Top label] 11px Roboto

width < 290

[Main layer] Caption font-size 9px
[Main layer] Attribution font-size 9px
[Main layer] Button font-size and format 9px UPPERCASE
[Main layer] Buttons size 26x26px
[Main layer] Buttons padding 8px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + label
[Main layer] Caption and Attribution padding 8 px
[Share layer] Button font-size 9px
[Share layer] Signature “Powered by SmartFrame” 9px
[Share layer] Icon size 30x30px (no border around share icons)
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 9px
[Deterrent layer] Signature “Powered by SmartFrame” 9px
[Deterrent layer] Getty logo size width: 100px
[Scroll bar] Width 3 px
[Top label] 11px Roboto

Other :
– Remove line-breaks on deterrent message
– Place the “Powered by SmartFrame” label underneath the deterrent message with a line break

width < 248

[Main layer] Caption font-size 9px
[Main layer] Attribution font-size 9px
[Main layer] Button font-size and format 9px UPPERCASE
[Main layer] Buttons size 26x26px
[Main layer] Buttons padding 8px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon only
[Main layer] Caption and Attribution padding 8 px
[Share layer] Button font-size 9px
[Share layer] Signature “Powered by SmartFrame” 9px
[Share layer] Icon size 30x30px (no border around share icons)
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 9px
[Deterrent layer] Signature “Powered by SmartFrame” 9px
[Deterrent layer] Getty logo size width: 100px
[Scroll bar] Width 3 px
[Top label] 11px Roboto

Other :
– Remove line-breaks on deterrent message
– Place the “Powered by SmartFrame” label underneath the deterrent message with a line break

width < 210px or height < 140px

[Main layer] Caption font-size hidden
[Main layer] Attribution font-size hidden
[Main layer] Button font-size hidden
[Main layer] Buttons size Hidden
[Main layer] Buttons padding Hidden
[Share layer] Button font-size hidden
[Share layer] Signature “Powered by SmartFrame” hidden
[Share layer ] Icon size Hidden
[Deterrent later] Deterrent font-size 9px
[Deterrent layer] Signature “Powered by SmartFrame” 9px
[Deterrent layer] Getty logo size width: 100px
[Scroll bar] Width 3 px
[Top label] 11px Roboto

Other :
– Remove line-breaks on deterrent message
– Place the “Powered by SmartFrame” label underneath the deterrent message with a line break

Enabled only:
– top-line
– Deterrent message
– Out of focus