{"id":139,"date":"2013-08-11T19:54:47","date_gmt":"2013-08-11T19:54:47","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=538"},"modified":"2013-08-11T19:54:47","modified_gmt":"2013-08-11T19:54:47","slug":"buttons","status":"publish","type":"page","link":"https:\/\/kb.lagonet.vn\/?page_id=139","title":{"rendered":"Buttons"},"content":{"rendered":"

[ux_banner height=”500px” bg=”69″ bg_overlay=”rgba(0, 0, 0, 0.49)”]<\/p>\n

[text_box width=”76″]<\/p>\n

Buttons<\/h1>\n

Create beautiful Call to Action buttons with the amazing Button Element<\/p>\n

[button text=”Primary Button” style=”shade” link=”test?asdf&asdf=asdf&asdf&”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Unlimited Variations<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Primary Color”]<\/p>\n

[button text=”Secondary Color” color=”secondary” radius=”12″]<\/p>\n

[button text=”Alert Color” color=”alert” icon=”icon-heart”]<\/p>\n

[button text=”Success Color” color=”success”]<\/p>\n

[button text=”White Color” color=”white”]<\/p>\n

[button text=”Primary Color” style=”outline”]<\/p>\n

[button text=”Success Color” color=”success” style=”outline” radius=”99″]<\/p>\n

[button text=”Alert Color” color=”alert” style=”outline” radius=”6″ icon=”icon-heart” icon_reveal=”true”]<\/p>\n

[button text=”Secondary Color” color=”secondary” style=”outline”]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[section bg_color=”rgb(44, 44, 44)” dark=”true”]<\/p>\n

[row]<\/p>\n

[col span=”3″]<\/p>\n

Buttons on Dark background<\/h3>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Primary Color”]<\/p>\n

[button text=”Secondary Color” color=”secondary”]<\/p>\n

[button text=”Alert Color” color=”alert”]<\/p>\n

[button text=”Success Color” color=”success”]<\/p>\n

[button text=”White Color” color=”white”]<\/p>\n

[button text=”Primary Color” style=”outline”]<\/p>\n

[button text=”Success Color” color=”success” style=”outline”]<\/p>\n

[button text=”Alert Color” color=”alert” style=”outline”]<\/p>\n

[button text=”Secondary Color” color=”secondary” style=”outline”]<\/p>\n

[button text=”White outline” color=”white” style=”outline”]<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n

[\/section]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Button\u00a0Styles<\/h3>\n

Select between many different button styles.<\/p>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Simple link” style=”link”]<\/p>\n

[button text=”Underline” style=”underline”]<\/p>\n

[button text=”Outline” style=”outline” depth=”2″ depth_hover=”2″]<\/p>\n

[button text=”Normal” depth=”2″ depth_hover=”5″]<\/p>\n

[button text=”Gloss” style=”gloss” radius=”99″ depth=”2″ depth_hover=”5″]<\/p>\n

[button text=”Shade” style=”shade” radius=”7″ depth=”2″ depth_hover=”5″]<\/p>\n

[button text=”Bevel” style=”bevel” radius=”12″ depth=”2″ depth_hover=”5″]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Button with\u00a0icon<\/h3>\n

Choose between many included Flatsome Icons.<\/p>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Icon Button” style=”bevel” radius=”8″ icon=”icon-twitter” icon_pos=”left”]<\/p>\n

[button text=”Icon Left” style=”outline” radius=”6″ icon=”icon-instagram”]<\/p>\n

[button text=”Reveal Left” style=”outline” icon=”icon-play” icon_pos=”left” icon_reveal=”true”]<\/p>\n

[button text=”Reveal Right” icon=”icon-angle-right” icon_reveal=”true”]<\/p>\n

[button text=”Large Button” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-twitter” icon_pos=”left”]<\/p>\n

[button text=”Large Reveal” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-checkmark” icon_pos=”left” icon_reveal=”true”]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Simple Button Styles<\/h3>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Primary Color” style=”link” icon=”icon-play” icon_reveal=”true”]<\/p>\n

[button text=”Secondary Color” color=”secondary” style=”link”]<\/p>\n

[button text=”Success Color” color=”success” style=”link”]<\/p>\n

[button text=”Alert Color” color=”alert” style=”link”]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Button Radius<\/h3>\n

Add custom radius to buttons<\/p>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Normal Button” size=”large”]<\/p>\n

[button text=”Round Button” size=”large” radius=”10″]<\/p>\n

[button text=”Circle Button” size=”large” radius=”99″]<\/p>\n

[button text=”Normal Button” style=”outline” size=”large”]<\/p>\n

[button text=”Round Button” style=”outline” size=”large” radius=”10″]<\/p>\n

[button text=”Circle Button” style=”outline” size=”large” radius=”99″]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Button\u00a0Shadow<\/h3>\n

Add drop shadow to buttons to make them stand out more.<\/p>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”Large Shadow” style=”bevel” size=”large” depth=”5″ depth_hover=”4″]<\/p>\n

[button text=”Medium Shadow” style=”bevel” size=”large” depth=”3″ depth_hover=”4″]<\/p>\n

[button text=”Small Shadow” style=”bevel” size=”large” depth=”1″ depth_hover=”2″]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Button\u00a0Sizes<\/h3>\n

[\/col]
\n[col span=”9″]<\/p>\n

[button text=”x Small” size=”xsmall”]<\/p>\n

[button text=”Smaller” size=”smaller”]<\/p>\n

[button text=”Small” size=”small”]<\/p>\n

[button text=”Normal”]<\/p>\n

[button text=”Large” size=”large”]<\/p>\n

[button text=”Larger” size=”larger”]<\/p>\n

[button text=”X LARGE” size=”xlarge”]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”3″]<\/p>\n

Smart Links<\/h3>\n

Add simple text to button links to link to various WordPress and WooCommerce pages.<\/p>\n

[\/col]
\n[col span=”4″]<\/p>\n

‘shop<\/strong>‘ : Goes to Shop page<\/p>\n

‘account’<\/strong> Goes to My Account Page<\/p>\n

‘checkout’<\/strong> Goes to Checkout page<\/p>\n

‘blog’<\/strong> Goes to blog page<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″]<\/p>\n

‘home<\/strong>‘ Goes to homepage<\/p>\n

‘wishlist<\/strong>‘ Goes to wishlist page<\/p>\n

‘Page Title<\/strong>‘ Goes to page by Title.<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[ux_banner height=”500px” bg=”69″ bg_overlay=”rgba(0, 0, 0, 0.49)”] [text_box width=”76″] Buttons Create beautiful Call to Action buttons with the amazing Button […]<\/p>\n","protected":false},"author":1,"featured_media":68,"parent":149,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-139","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=139"}],"version-history":[{"count":0,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/media\/68"}],"wp:attachment":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}