{"id":5062,"date":"2022-02-14T00:02:46","date_gmt":"2022-02-14T00:02:46","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5062"},"modified":"2022-04-11T17:23:54","modified_gmt":"2022-04-11T17:23:54","slug":"button","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/button\/","title":{"rendered":"Button"},"content":{"rendered":"\n<p><strong>UDesign<\/strong> offers <strong>Button Widget.<\/strong> UDesign provides several types of button exclusive of default style. You can customize them easily by using styling options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/button1-1024x440.jpg\" alt=\"\" class=\"wp-image-5063\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/button1-1024x440.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/button1-768x330.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Button widget element?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>. Create, or choose the Column into which you want to add your element. Click on Add New Element.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>. Drag UDesign <strong>Button <\/strong>Element from the Element List.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Button Widget Options<\/strong><\/h4>\n\n\n\n<p><strong><strong>Text<\/strong><\/strong>&nbsp;\u2013<strong> <\/strong>Type text that will be shown on button.<\/p>\n\n\n\n<p><strong>Expand<\/strong> \u2013 Makes button&#8217;s width 100% full.<\/p>\n\n\n\n<p><strong><strong>Link Url<\/strong><\/strong>&nbsp;\u2013 Input URL where you will move when button is clicked.<\/p>\n\n\n\n<p><strong>Alignment <\/strong>\u2013 Controls button&#8217;s alignment. Choose from Left, Center, Right.<\/p>\n\n\n\n<p><strong>Type<\/strong> \u2013 Choose button type. Choose from Default, Solid, Outline, Link and gradient.<\/p>\n\n\n\n<p><strong>Skin<\/strong> \u2013 Choose color skin of buttons. Choose from Default, Primary, Secondary, Alert, Success, Dark, White.<\/p>\n\n\n\n<p><strong>Size<\/strong> \u2013 Choose button size. Choose from Small, Medium, Normal, Large.<\/p>\n\n\n\n<p><strong>Box Shadow<\/strong> \u2013 Choose box shadow effect for button. Choose from 3 shadow effects.<\/p>\n\n\n\n<p><strong>Border Style<\/strong> \u2013 Choose border style of Default, Solid and Outline buttons. Choose from Default, Square, Rounded, Ellipse.<\/p>\n\n\n\n<p><strong>Show Icon<\/strong> \u2013 Allows to show icon before or after button text.<\/p>\n\n\n\n<p><strong>Text Overflow<\/strong> \u2013 Prevents the button text from placing in several row.<\/p>\n\n\n\n<p><strong>Use as a play button in section<\/strong> \u2013 You can play video whenever you enable video option in parent section widget using as banner.<\/p>\n\n\n\n<p><strong>Use as video button<\/strong> \u2013 You can play video on lightbox.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UDesign offers Button Widget. UDesign provides several types of button exclusive of default style. You can customize them easily by using styling options. How to create Button widget element? Step 1. Create, or choose the Column into which you want to add your element. Click on Add New Element. Step 2. Drag UDesign Button Element [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5062","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=5062"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5062\/revisions"}],"predecessor-version":[{"id":5351,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5062\/revisions\/5351"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}