At first we have shown our accordion default example here. Just you can insert this element then you can change setting as you need.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"100375ee","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"1ddf8de0","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"ecb197f","settings":{"gap":"wider","structure":"20","background_background":"classic","background_color":"#f8f8f8","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false}},"elements":[{"id":"13a3fa49","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"6050f914","settings":{"title":"Icon Change Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"6994346c","settings":{"editor":"
In this part we have shown our accordion Icon Change example. Just you can insert this element then you can change icon as your choose.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"69eaa96e","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"3e3c20fd","settings":{"tabs":[{"tab_title":"Accordion With Icon List","tab_content":"
[INSERT_ELEMENTOR id=\"21544\"]<\/p>","_id":"8223c17","source":"anywhere","template_id":"0","anywhere_id":"21605"},{"tab_title":"Accordion With Food Recipe","tab_content":"
[INSERT_ELEMENTOR id=\"21570\"]<\/p>","_id":"c39d3ae","source":"anywhere","template_id":"0","anywhere_id":"21570"},{"tab_title":"UX Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"ac7e0dc","source":"custom","template_id":"0","anywhere_id":"0"}],"icon":"fa fa-apple","content_background_color":"#f9f9f9","title_background":"#ffffff","title_background_background":"classic","title_background_color":"#ffffff","content_background_color_background":"classic","content_background_color_color":"#f2f2f2","content_padding":{"unit":"px","top":"35","right":"35","bottom":"35","left":"35","isLinked":true},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"793aec0b","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false}},"elements":[{"id":"2b6fb7fd","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"2d37cbc0","settings":{"title":"All Item Collapsible (No) Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"6bf29c16","settings":{"editor":"
Here we have shown our accordion All Item Collapsible example. Just insert this element then you can set (yes\/no) Collapsible.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"79016fbe","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"7ef28719","settings":{"tabs":[{"tab_title":"Online Shopping Policy","tab_content":"
[INSERT_ELEMENTOR id=\"21581\"]<\/p>","_id":"8223c17","source":"anywhere","template_id":"0","anywhere_id":"21581"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"collapsible":"","title_background_background":"classic","title_background_color":"#e8e8e8","content_background_color_background":"classic","content_background_color_color":"#f7f7f7","content_padding":{"unit":"px","top":"35","right":"35","bottom":"35","left":"35","isLinked":true},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"6a55aef","settings":{"gap":"wider","structure":"20","background_background":"classic","background_color":"#f8f8f8","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false}},"elements":[{"id":"1eda1341","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"4a55b41","settings":{"title":"Multi Open Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"21f1b0fc","settings":{"editor":"
In this part we have shown our accordion multi open example. Just you can insert this element then you can set multi open (yes\/no) as your choose.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"4209324b","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"5d2c2b53","settings":{"tabs":[{"tab_title":"Gymkhana Instrument Here","tab_content":"
[INSERT_ELEMENTOR id=\"21605\"]<\/p>","_id":"8223c17","source":"anywhere","template_id":"0","anywhere_id":"21605"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"multiple":"yes","title_background":"#ffffff","title_background_background":"classic","title_background_color":"#ffffff","content_background_color_background":"classic","content_background_color_color":"#f2f2f2","content_padding":{"unit":"px","top":"35","right":"35","bottom":"35","left":"35","isLinked":true},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"5e16645f","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false}},"elements":[{"id":"3f8a055b","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"1b4f1e95","settings":{"title":"Active Item Number (3) Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"3320db88","settings":{"editor":"
Here we have shown our accordion active item no (3) example. If you want you can set any number of item active as your choose.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"16eef4a5","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"7d810ac1","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"active_item":3,"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"5c9d11e7","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic","background_color":"#f8f8f8"},"elements":[{"id":"6b061ca5","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"789203a7","settings":{"title":"Active Background and Color Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"10e4195b","settings":{"editor":"
In this part we have shown our accordion Active Background and Color example. If you want you can set active background color and text color as your choose.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"15fd61f1","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"74520f42","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"active_item":1,"align":"left","tab_active_background":"#f12184","tab_active_color":"#ffffff","title_background":"#ffffff","title_color":"#000000","content_background_color":"#ffffff","title_background_background":"classic","title_background_color":"#ffffff","active_title_background_background":"classic","active_title_background_color":"#f12184","active_title_color":"#ffffff","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"1458ceb","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false}},"elements":[{"id":"7b6a8362","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"2571fd","settings":{"title":"Content Background Color Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"3a05e9ef","settings":{"editor":"
This section we have shown our accordion Title Background and Content Background Color example. If you want just you can set those background color\u00a0 as your choose.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"16135e9d","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"22de0167","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"title_background":"#f12184","title_color":"#ffffff","content_background_color":"#ff86b6","content_color":"#ffffff","title_background_background":"classic","title_background_color":"#f12184","content_background_color_background":"classic","content_background_color_color":"#f285b8","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"7dbdee04","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic","background_color":"#f8f8f8"},"elements":[{"id":"4bbffd7d","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"63c745dc","settings":{"title":"Item Spacing (30px) Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"1eb821b4","settings":{"editor":"
Here we have shown our accordion item spacing (30px),\u00a0 Item title border, Icon color and Icon Alignment example. If you want you can set as your need.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"1e15d5b8","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"5e4c785f","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"item_spacing":{"unit":"px","size":30},"title_background":"#ffffff","title_border_border":"solid","title_border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"title_border_color":"rgba(183,8,78,0.15)","icon_align":"left","icon_color":"#b7084e","title_background_background":"classic","title_background_color":"#ffffff","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"42849049","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic"},"elements":[{"id":"6179d919","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"4438a6d6","settings":{"title":"Title Shadow Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"60073b01","settings":{"editor":"
In this section we have shown our accordion Title shadow example. Just you can insert this element then you can set title shadow as your need.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"5250360c","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"34483f48","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"item_spacing":{"unit":"px","size":30},"title_background":"#ffffff","title_shadow_box_shadow_type":"yes","title_shadow_box_shadow":{"horizontal":0,"vertical":3,"blur":15,"spread":0,"color":"rgba(0,0,0,0.05)"},"title_background_background":"classic","title_background_color":"#ffffff","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"6922b39e","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic","background_color":"#f8f8f8"},"elements":[{"id":"29a17537","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"719303e4","settings":{"title":"Border Example Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"31079a25","settings":{"editor":"
Here we have shown our accordion Title Border\u00a0 and Content Radius example. Just you can insert this element then you can set title shadow as your need.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"7aca5276","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"19710187","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"item_spacing":{"unit":"px","size":10},"title_background":"#ffffff","title_border_border":"solid","title_border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"title_border_color":"#e5e5e5","title_radius":{"unit":"px","top":"20","right":"20","bottom":"0","left":"0","isLinked":false},"content_background_color":"#ffffff","content_padding":{"unit":"px","top":"35","right":"40","bottom":"35","left":"40","isLinked":false},"content_radius":{"unit":"px","top":"0","right":"0","bottom":"20","left":"20","isLinked":false},"title_background_background":"classic","title_background_color":"#ffffff","title_color":"#000000","content_background_color_background":"classic","content_background_color_color":"#ffffff","content_color":"#000000","active_item":1,"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"67c7d881","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false}},"elements":[{"id":"273ec75b","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"23920201","settings":{"title":"Icon Normal and Active Color Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"310f1a6e","settings":{"editor":"
In this section we have shown our accordion normal and active icon color example. Just you can insert this element then you can set icon color\u00a0 as your need.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"4e5f3cdc","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"7c3e12f9","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"icon_color":"#45b649","icon_active_color":"#f12184","item_spacing":{"unit":"px","size":10},"title_background":"#ffffff","title_color":"#579059","title_border_border":"solid","title_border_width":{"unit":"px","top":"5","right":"5","bottom":"5","left":"5","isLinked":true},"title_border_color":"#45b649","title_radius":{"unit":"px","top":"5","right":"5","bottom":"5","left":"5","isLinked":true},"content_color":"#57907c","title_background_background":"classic","title_background_color":"#ffffff","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"664ab9da","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic","background_color":"#f8f8f8"},"elements":[{"id":"27086c1","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"1acc40e1","settings":{"title":"Gradient Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"38f44705","settings":{"editor":"
In this section we have shown our accordion gradient example here. Just you can insert this element then you can set gradient color as you need.<\/p>","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"46d55c8d","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"5098a8c5","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"title_background_background":"gradient","title_background_color":"#dce35b","title_background_color_b":"#45b649","title_background_color_b_stop":{"unit":"%","size":50},"title_background_gradient_angle":{"unit":"deg","size":-45},"title_color":"#ffffff","content_background_color_background":"gradient","content_background_color_color":"#45b649","item_spacing":{"unit":"px","size":15},"content_background_color_color_b":"#dce35b","content_background_color_gradient_angle":{"unit":"deg","size":-45},"content_color":"#ffffff","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"63dd4aff","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic","background_image":{"url":"https:\/\/elementpack.pro\/demo\/wp-content\/uploads\/2018\/05\/bg3-1.jpg","id":28391}},"elements":[{"id":"67783205","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"7af62b00","settings":{"title":"Transparent Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"title_color":"#ffffff","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"633bbf8f","settings":{"editor":"
At last we have shown our accordion example with background transparent example here. Just you can insert this element then you can set accordion background color transparent.<\/p>","text_color":"rgba(255,255,255,0.7)","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"66bac55a","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"20e19156","settings":{"tabs":[{"tab_title":"Web Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"8223c17","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Graphics Design Showcase","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"c39d3ae","source":"custom","template_id":"0","anywhere_id":"0"},{"tab_title":"Ux Design Experiences","tab_content":"
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>","_id":"5c4e45b","source":"custom","template_id":"0","anywhere_id":"0"}],"item_spacing":{"unit":"px","size":15},"title_background_background":"classic","title_background_color":"rgba(0,0,0,0)","title_background_position":"center center","title_color":"#ffffff","title_border_border":"solid","title_border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"title_border_color":"rgba(255,255,255,0.24)","content_color":"rgba(255,255,255,0.7)","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-accordion","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"7f311fc6","settings":{"gap":"wider","structure":"20","padding":{"unit":"px","top":"150","right":"0","bottom":"150","left":"0","isLinked":false},"padding_tablet":{"unit":"px","top":"80","right":"30","bottom":"80","left":"30","isLinked":false},"padding_mobile":{"unit":"px","top":"50","right":"15","bottom":"50","left":"15","isLinked":false},"background_background":"classic","content_position":"middle"},"elements":[{"id":"1ffc744d","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"1bea5918","settings":{"title":"Hash Location Example","header_size":"h3","typography_typography":"custom","typography_font_size_mobile":{"unit":"px","size":24},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"14fe1c8c","settings":{"editor":"In this button we have shown Accordion Hash Location example.","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"40b71af5","settings":{"_column_size":50,"_inline_size":null,"_inline_size_tablet":50,"_inline_size_mobile":100,"margin_mobile":{"unit":"px","top":"30","right":"0","bottom":"0","left":"0","isLinked":false},"padding_mobile":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true}},"elements":[{"id":"3fb750d5","settings":{"text":"Go To Accordion 2","link":{"url":"https:\/\/elementpack.pro\/demo\/hash-location-accordion-example-page\/#bdt-accordion-accordion-2","is_external":"on","nofollow":""},"align":"center","button_border_color":"#6e4de2","advanced_button_radius":{"unit":"px","top":"5","right":"5","bottom":"5","left":"5","isLinked":true},"button_hover_background_background":"classic","button_hover_background_color":"#6e4de2","button_hover_border_color":"#6e4de2","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"bdt-advanced-button","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"3b47eabc","settings":{"background_background":"classic","background_color":"#3b3b3b","padding":{"unit":"px","top":"40","right":"0","bottom":"40","left":"0","isLinked":false}},"elements":[{"id":"c61761f","settings":{"_column_size":100,"_inline_size_mobile":100},"elements":[{"id":"16a09213","settings":{"title":"Want to see how accordion widget works?","align":"center","title_color":"#ffffff","typography_typography":"custom","typography_font_size":{"unit":"px","size":28},"typography_font_weight":"normal","element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"46631b79","settings":{"structure":"20"},"elements":[{"id":"3fecc849","settings":{"_column_size":50,"_inline_size":null,"_inline_size_mobile":100},"elements":[{"id":"917b","settings":{"text":"See in Video","link":{"url":"https:\/\/youtu.be\/DP3XNV1FEk0","is_external":"on","nofollow":"on"},"align":"right","icon":"fa fa-youtube","icon_align":"right","icon_indent":{"unit":"px","size":12},"typography_typography":"custom","typography_font_size":{"unit":"px","size":14},"typography_font_weight":"700","background_color":"#222222","button_background_hover_color":"#000000","text_padding":{"unit":"px","top":"15","right":"40","bottom":"15","left":"40","isLinked":false},"align_mobile":"center","typography_font_size_mobile":{"unit":"px","size":12},"text_padding_mobile":{"unit":"px","top":"13","right":"25","bottom":"13","left":"25","isLinked":false},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"button","elType":"widget"}],"isInner":true,"elType":"column"},{"id":"4e2591d","settings":{"_column_size":50,"_inline_size":null,"_inline_size_mobile":100},"elements":[{"id":"32ec4ce6","settings":{"text":"Purchase Now","link":{"url":"https:\/\/bdthemes.com\/go\/element-pack-addon-elementor-page-builder\/","is_external":"on","nofollow":"on"},"align":"left","icon":"fa fa-shopping-cart","icon_align":"right","icon_indent":{"unit":"px","size":12},"typography_typography":"custom","typography_font_size":{"unit":"px","size":14},"typography_font_weight":"700","background_color":"#14abf4","button_background_hover_color":"#1d87b9","text_padding":{"unit":"px","top":"15","right":"31","bottom":"15","left":"31","isLinked":false},"align_mobile":"center","typography_font_size_mobile":{"unit":"px","size":12},"text_padding_mobile":{"unit":"px","top":"11","right":"20","bottom":"11","left":"20","isLinked":false},"element_pack_widget_tooltip_text":"This is Tooltip"},"elements":[],"isInner":false,"widgetType":"button","elType":"widget"}],"isInner":true,"elType":"column"}],"isInner":true,"elType":"section"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"}]}