{"id":5140,"date":"2022-02-14T07:02:39","date_gmt":"2022-02-14T07:02:39","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5140"},"modified":"2022-02-14T07:21:01","modified_gmt":"2022-02-14T07:21:01","slug":"accordionsection","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/accordionsection\/","title":{"rendered":"Accordion(Section)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">UDesign offers section accordion. With this one, you can set any widgets in the accordion body.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create section accordion?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>. Create, or choose the Section into which you want to add your element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>. In<strong>\u00a0Layout<\/strong>\u00a0tab , you can find\u00a0<strong>UDesign Settings<\/strong>. And here set\u00a0<strong>Use Section For<\/strong>\u00a0to\u00a0<strong>Accordion<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/1-1024x447.png\" alt=\"\" class=\"wp-image-5141\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/1-1024x447.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/1-768x335.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>. Choose column of top section. In\u00a0<strong>UDesign Settings<\/strong>\u00a0of\u00a0<strong>Layout<\/strong>\u00a0tab, set\u00a0<strong>Use Column For<\/strong>\u00a0to\u00a0<strong>Accordion Content<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-1024x449.png\" alt=\"\" class=\"wp-image-5142\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-1024x449.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-768x336.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Element Section Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accordion Type<\/strong>&nbsp;\u2013 Choose the type of accordion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Focus Line<\/strong> &#8211; Show a line in active accordion card title.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Toggle Icon<\/strong> &#8211; Set the icon of accordion card toggler.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Active Toggle Icon<\/strong> &#8211; Set the icon of active accordion card toggler.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Toggle Icon Size<\/strong> &#8211; Set the size of toggle icon size.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Section Style<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Border Style<\/strong> &#8211; Set the border style of accordion items &#8211; border width, color and border radius.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Panel Header<\/strong> &#8211; Set the style of accordion panel header such as typography, color, spacing and so on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Panel Content<\/strong> &#8211; Set the padding of panel content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Column Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accordion Title<\/strong>\u2013 Input the title of accordion panel header.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UDesign offers section accordion. With this one, you can set any widgets in the accordion body. How to create section accordion? Step 1. Create, or choose the Section into which you want to add your element. Step 2. In\u00a0Layout\u00a0tab , you can find\u00a0UDesign Settings. And here set\u00a0Use Section For\u00a0to\u00a0Accordion. Step 3. Choose column of top [&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-5140","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\/5140","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=5140"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5140\/revisions"}],"predecessor-version":[{"id":5171,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5140\/revisions\/5171"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}