Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="ffb-element ffb-element-section ffb-element-dropzone-yes ffb-text-color-light ffb-element-is-hovered" data-options="{"o":{"gen":{"ffsys-disabled":"0","ffsys-info":"{}","type":"fg-container-large","no-padding":"0","no-gutter":"0","gutter-size":"","match-col":"0","force-fullwidth":"0"},"b-m":{"bg":{"bg":{"0-|-image":{"image":{"image":"{\"url\":\"bg2.jpg\",\"width\":1920,\"height\":1282,\"id\":-1}"}}}}},"clrs":{"text-color":"fg-text-light"}}}" data-element-id="section" data-unique-id="qiudomo" data-dropzone-mode="whitelist" data-dropzone-list="["column"]"><div class="ffb-header clearfix"><div class="ffb-header__button ffb-header__button-left action-toggle-collapse"></div><div class="ffb-header__button ffb-header__button-left action-column-smaller" data-ffb-tooltip="Make Narrower"></div><div class="ffb-header__button ffb-header__button-left action-column-bigger" data-ffb-tooltip="Make Wider"></div><a class="ffb-header-name" title="Section">Section</a><div class="ffb-header__button ffb-header__button-right action-toggle-context-menu action-toggle-context-menu-dropzone" data-ffb-tooltip="Actions"></div><div class="ffb-header__button ffb-header__button-right action-edit-element" data-ffb-tooltip="Edit Element"></div><div class="ffb-header__button ffb-header__button-right action-text-color" data-ffb-tooltip="Text Color Palette"></div><div class="ffb-header__button ffb-header__button-right action-add-element" data-ffb-tooltip="Add Element"></div></div><div class="ffb-element-preview action-edit-element"><div class="ffb-preview-empty"><i class="ffb-preview-empty-content ff-font-awesome4 icon-eye-slash"></i></div></div><div class="ffb-dropzone ffb-dropzone-section clearfix ui-sortable"><div class="ffb-element ffb-element-column ffb-element-dropzone-yes ui-sortable-handle ffb-text-color-inherit ffb-element-col-12" data-options="{"o":{"gen":{"ffsys-disabled":"0","ffsys-info":"{}","xs":"12","sm":"unset","md":"12","lg":"unset","is-centered":"1","is-bg-clipped":"0","xs-last":"no","sm-last":"unset","md-last":"unset","lg-last":"unset","xs-offset":"unset","sm-offset":"unset","md-offset":"unset","lg-offset":"unset","xs-pull":"unset","sm-pull":"unset","md-pull":"unset","lg-pull":"unset","xs-push":"unset","sm-push":"unset","md-push":"unset","lg-push":"unset","xs-overlap":"no","sm-overlap":"unset","md-overlap":"unset","lg-overlap":"unset"},"b-m":{"minh-xs":{"height":"100"},"minh-sm":{"height":"100"},"minh-md":{"height":"100"},"minh-lg":{"height":"100"}}}}" data-element-id="column" data-unique-id="qiug00h"><div class="ffb-header clearfix"><div class="ffb-header__button ffb-header__button-left action-toggle-collapse"></div><div class="ffb-header__button ffb-header__button-left action-column-smaller" data-ffb-tooltip="Make Narrower"></div><div class="ffb-header__button ffb-header__button-left action-column-bigger" data-ffb-tooltip="Make Wider"></div><a class="ffb-header-name" title="12 / 12">12 / 12</a><div class="ffb-header__button ffb-header__button-right action-toggle-context-menu action-toggle-context-menu-dropzone" data-ffb-tooltip="Actions"></div><div class="ffb-header__button ffb-header__button-right action-edit-element" data-ffb-tooltip="Edit Element"></div><div class="ffb-header__button ffb-header__button-right action-text-color" data-ffb-tooltip="Text Color Palette"></div><div class="ffb-header__button ffb-header__button-right action-add-element" data-ffb-tooltip="Add Element"></div></div><div class="ffb-element-preview action-edit-element"><div class="ffb-preview-empty"><i class="ffb-preview-empty-content ff-font-awesome4 icon-eye-slash"></i></div></div><div class="ffb-dropzone ffb-dropzone-column clearfix ui-sortable"><div class="ffb-element ffb-element-paragraph ffb-element-dropzone-no ui-sortable-handle ffb-text-color-inherit" data-options="{"o":{"gen":{"ffsys-disabled":"0","ffsys-info":"{}","text-is-richtext":"1","text":"<p><strong>STEP BY STEP<\/strong><\/p>\n<p>Added background image on Section via&nbsp;Box Model tab.<br \/>Forced 100% Minimal Height&nbsp;on Column via Box Model&nbsp;tab.<br \/>Vertically centered content&nbsp;on Column via General tab.<br \/>Added Scroll To element at the end of the Column.<\/p>","align":"text-center"}}}" data-element-id="paragraph" data-unique-id="qjbus29"><div class="ffb-header clearfix"><div class="ffb-header__button ffb-header__button-left action-toggle-collapse"></div><div class="ffb-header__button ffb-header__button-left action-column-smaller" data-ffb-tooltip="Make Narrower"></div><div class="ffb-header__button ffb-header__button-left action-column-bigger" data-ffb-tooltip="Make Wider"></div><a class="ffb-header-name" title="Text">Text</a><div class="ffb-header__button ffb-header__button-right action-toggle-context-menu action-toggle-context-menu-no-dropzone" data-ffb-tooltip="Actions"></div><div class="ffb-header__button ffb-header__button-right action-edit-element" data-ffb-tooltip="Edit Element"></div><div class="ffb-header__button ffb-header__button-right action-text-color" data-ffb-tooltip="Text Color Palette"></div><div class="ffb-header__button ffb-header__button-right action-preview-element"><div class="ffb-header__button-preview-content"><img src="http://thisismonitor.com/wp-content/plugins/ark-core/builder/elements/BasicElements/Paragraph/preview.jpg"></div></div></div><div class="ffb-element-preview action-edit-element"><div class="ffb-preview-text">STEP BY STEP
- Added background image on Section via Box Model tab.Forced 100% Minimal Height on Column via Box Model tab.Vertically centered content on Column via General tab.Added Scroll To element at the end of the Column.</div></div></div><div class="ffb-element ffb-element-scrollto ffb-element-dropzone-no ui-sortable-handle ffb-text-color-inherit" data-options="{"o":{"gen":{"ffsys-disabled":0,"ffsys-info":"{}","content":{"0-|-one-icon":{"one-icon":{"icon":"ff-font-awesome4 icon-angle-double-down"}},"0-|-html":{"html":{"html":{"html-is-richtext":0}}}},"link":"#","scrollto-anim":"ffb-scrollto-anim-bounce"},"clrs":{"text-color":""}}}" data-element-id="scrollto" data-unique-id="qj2ffaj"><div class="ffb-header clearfix"><div class="ffb-header__button ffb-header__button-left action-toggle-collapse"></div><div class="ffb-header__button ffb-header__button-left action-column-smaller" data-ffb-tooltip="Make Narrower"></div><div class="ffb-header__button ffb-header__button-left action-column-bigger" data-ffb-tooltip="Make Wider"></div><a class="ffb-header-name" title="Scroll To Button">Scroll To Button</a><div class="ffb-header__button ffb-header__button-right action-toggle-context-menu action-toggle-context-menu-no-dropzone" data-ffb-tooltip="Actions"></div><div class="ffb-header__button ffb-header__button-right action-edit-element" data-ffb-tooltip="Edit Element"></div><div class="ffb-header__button ffb-header__button-right action-text-color" data-ffb-tooltip="Text Color Palette"></div><div class="ffb-header__button ffb-header__button-right action-preview-element"><div class="ffb-header__button-preview-content"><img src="http://thisismonitor.com/wp-content/plugins/ark-core/builder/elements/BasicElements/ScrollTo/preview.jpg"></div></div></div><div class="ffb-element-preview action-edit-element"><div class="ffb-preview-icon"><i class="ffb-preview-icon-content ff-font-awesome4 icon-angle-double-down"></i></div></div></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
