OwlCyberSecurity - MANAGER
Edit File: tmpl-button-presets.php
<?php if(!defined('LS_ROOT_FILE')) { header('HTTP/1.0 403 Forbidden'); exit; } ?> <script type="text/html" id="tmpl-button-presets"> <div id="tmpl-button-presets-modal-window"> <header> <h1><?php _e('Choose Button Preset', 'LayerSlider') ?></h1> <b class="dashicons dashicons-no"></b> </header> <div class="km-ui-modal-scrollable"> <ul> <!-- Row 1 --> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#1b9af7" }'> <span class="ls-preset-button-1-1">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#1b9af7", "border-top": "3px solid white", "border-right": "3px solid white", "border-bottom": "3px solid white", "border-left": "3px solid white" }'> <span class="ls-preset-button-1-2">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#1b9af7", "border-radius": "5px", "border-bottom": "4px solid #106092" }'> <span class="ls-preset-button-1-3">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#1b9af7", "border-radius": "50px" }'> <span class="ls-preset-button-1-4">BUTTON</span> </li> <li class="small" data-options='{ "width": 50, "height": 50, "font-size": 20, "line-height": "50px", "color": "#fff", "text-align": "center", "background": "#1b9af7", "border-radius": "100%", "html": "<i class=\"fa fa-arrow-right\"></i>" }'> <span class="ls-preset-button-1-5"><i class="fa fa-arrow-right"></i></span> </li> <!-- Row 2 --> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#a5de37" }'> <span class="ls-preset-button-2-1">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#a5de37", "border-top": "3px solid white", "border-right": "3px solid white", "border-bottom": "3px solid white", "border-left": "3px solid white" }'> <span class="ls-preset-button-2-2">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#a5de37", "border-radius": "5px", "border-bottom": "4px solid #719c1c" }'> <span class="ls-preset-button-2-3">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#a5de37", "border-radius": "50px" }'> <span class="ls-preset-button-2-4">BUTTON</span> </li> <li class="small" data-options='{ "width": 50, "height": 50, "font-size": 20, "line-height": "50px", "color": "#fff", "text-align": "center", "background": "#a5de37", "border-radius": "100%", "html": "<i class=\"fa fa-arrow-right\"></i>" }'> <span class="ls-preset-button-2-5"><i class="fa fa-arrow-right"></i></span> </li> <!-- Row 3 --> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#feae1b" }'> <span class="ls-preset-button-3-1">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#feae1b", "border-top": "3px solid white", "border-right": "3px solid white", "border-bottom": "3px solid white", "border-left": "3px solid white" }'> <span class="ls-preset-button-3-2">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#feae1b", "border-radius": "5px", "border-bottom": "4px solid #c38717" }'> <span class="ls-preset-button-3-3">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#feae1b", "border-radius": "50px" }'> <span class="ls-preset-button-3-4">BUTTON</span> </li> <li class="small" data-options='{ "width": 50, "height": 50, "font-size": 20, "line-height": "50px", "color": "#fff", "text-align": "center", "background": "#feae1b", "border-radius": "100%", "html": "<i class=\"fa fa-arrow-right\"></i>" }'> <span class="ls-preset-button-3-5"><i class="fa fa-arrow-right"></i></span> </li> <!-- Row 4 --> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#ff505d" }'> <span class="ls-preset-button-4-1">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#ff505d", "border-top": "3px solid white", "border-right": "3px solid white", "border-bottom": "3px solid white", "border-left": "3px solid white" }'> <span class="ls-preset-button-4-2">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#ff505d", "border-radius": "5px", "border-bottom": "4px solid #b72a34" }'> <span class="ls-preset-button-4-3">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#ff505d", "border-radius": "50px" }'> <span class="ls-preset-button-4-4">BUTTON</span> </li> <li class="small" data-options='{ "width": 50, "height": 50, "font-size": 20, "line-height": "50px", "color": "#fff", "text-align": "center", "background": "#ff505d", "border-radius": "100%", "html": "<i class=\"fa fa-arrow-right\"></i>" }'> <span class="ls-preset-button-4-5"><i class="fa fa-arrow-right"></i></span> </li> <!-- Row 5 --> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#7b72e9" }'> <span class="ls-preset-button-5-1">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#7b72e9", "border-top": "3px solid white", "border-right": "3px solid white", "border-bottom": "3px solid white", "border-left": "3px solid white" }'> <span class="ls-preset-button-5-2">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#7b72e9", "border-radius": "5px", "border-bottom": "4px solid #554db7" }'> <span class="ls-preset-button-5-3">BUTTON</span> </li> <li data-options='{ "padding-top": 15, "padding-right": 60, "padding-bottom": 15, "padding-left": 60, "font-family": "Arial, sans-serif", "font-size": 14, "font-weight": 700, "color": "#fff", "background": "#7b72e9", "border-radius": "50px" }'> <span class="ls-preset-button-5-4">BUTTON</span> </li> <li class="small" data-options='{ "width": 50, "height": 50, "font-size": 20, "line-height": "50px", "color": "#fff", "text-align": "center", "background": "#7b72e9", "border-radius": "100%", "html": "<i class=\"fa fa-arrow-right\"></i>" }'> <span class="ls-preset-button-5-5"><i class="fa fa-arrow-right"></i></span> </li> </ul> </div> </div> </script>