add-sections-preview.php (1070B)
1 <style> 2 .materialis-add-section-wrapper.col-xs-12.middle-xs { 3 margin-top: 40px; 4 } 5 6 .materialis-add-section-wrapper-inner { 7 padding: 60px 0px; 8 border-width: 2px; 9 border-style: dashed; 10 text-align: center; 11 } 12 13 .materialis-add-section-wrapper-inner button { 14 text-transform: uppercase; 15 letter-spacing: 1px; 16 font-size: 16px; 17 margin: 0; 18 padding: 10px 30px; 19 } 20 21 .materialis-add-section-wrapper-inner p.small { 22 margin-top: 0.8rem; 23 } 24 25 </style> 26 <div class="col-xs-12 materialis-add-section-wrapper middle-xs"> 27 <div class="border materialis-add-section-wrapper-inner"> 28 <button data-install-companion-button="true" class="button blue"><?php esc_html_e('Add Section', 'materialis'); ?></button> 29 <script> 30 (function () { 31 jQuery(function () { 32 jQuery('[data-install-companion-button="true"]').click(function (event) { 33 parent.ExtendThemesCompanionPopover.showPopover(event.currentTarget, 'down') 34 }) 35 }); 36 })(); 37 </script> 38 </div> 39 </div>