{"id":298,"date":"2022-02-26T18:35:32","date_gmt":"2022-02-26T18:35:32","guid":{"rendered":"https:\/\/fluentthemes.com\/wp\/cosonix-green\/?p=18"},"modified":"2022-07-31T22:44:46","modified_gmt":"2022-07-31T22:44:46","slug":"accordion-widget","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/accordion-widget\/","title":{"rendered":"Accordion"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"811\" height=\"593\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/07\/accordion-widgets-maxhost.png\" alt=\"\" class=\"wp-image-327\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/07\/accordion-widgets-maxhost.png 811w, https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/07\/accordion-widgets-maxhost-768x562.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/07\/accordion-widgets-maxhost-60x44.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/07\/accordion-widgets-maxhost-150x110.png 150w\" sizes=\"(max-width: 811px) 100vw, 811px\" \/><figcaption><strong>\u21d1 Front-End Sample of the Widget<\/strong><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"option-fields-detail\">Option Fields of this Widget in Elementor :<\/h3><p><strong> &gt;&gt; Content<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/02\/Screenshot-Capture-2022-02-28-16-55-38.png\" alt=\"\" class=\"wp-image-36\"\/><\/figure><\/div>\n\n\n<ul><li><strong>Number of Items to show <\/strong>\u2013 Select the number of items from the Drop Down menu.<\/li><li><strong>Item Title 1<\/strong>\u2013 type in 1st item of the accordion title here.<\/li><li><strong>Item text 1<\/strong>&nbsp;\u2013 type in 1st item&#8217;s description to apply it.<\/li><li><strong><strong>Item Title <\/strong>2\u2013 <\/strong>type in 2nd item&#8217;s title to here.<\/li><li><strong>Item text 2<\/strong>&nbsp;\u2013 type in the 2nd item&#8217;s description to apply it.<\/li><li>Item Title 3, 4, 5 and others will work the same way. <\/li><li>Item Text 3, 4, 5 and others will work the same way.<\/li><\/ul>\n\n\n\n<p><strong> &gt;&gt; Advanced<\/strong><\/p>\n\n\n\n<ul><li><strong>Margin<\/strong> &#8211; input the values for the margins in the required fields.<\/li><li><strong>Padding &#8211;<\/strong> here you can set the preferable custom padding. Fill in the values for the&nbsp;top, bottom, right,&nbsp;and&nbsp;<strong>left<\/strong>&nbsp;padding in pixels or % to apply your custom padding.<\/li><li><strong>Z-Index ( optional ) &#8211; <\/strong>input the values for the z-index if you need to use this option.<\/li><li><strong>CSS ID ( optional ) &#8211;<\/strong> add your custom CSS ID in this field.<\/li><li><strong>CSS Classes <strong>( optional )<\/strong> &#8211;<\/strong> add your custom CSS Classes here without the dot <strong>(.)<\/strong>.<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2022\/02\/Screenshot-Capture-2022-02-28-16-17-41.png\" alt=\"\" class=\"wp-image-34\"\/><\/figure><\/div>\n\n\n<p><strong> &gt;&gt; Background<\/strong><\/p>\n\n\n\n<ul><li>Switch between&nbsp;<strong>Normal or Hover<\/strong>&nbsp;modes. <\/li><li><strong>Background Type<\/strong>&nbsp;\u2013 in this block you can choose, whether you want to use<strong> <\/strong>a<strong> background color <\/strong>or&nbsp;a<strong> background image<\/strong> for the section.<\/li><\/ul>\n\n\n\n<p><strong> &gt;&gt; Positioning<\/strong><\/p>\n\n\n\n<ul><li><strong>Width<\/strong>&nbsp;\u2013 here you can choose between <strong>Full width, Inline and Custom<\/strong>. <\/li><li><strong>Position<\/strong>&nbsp;\u2013 here you can choose between <strong>Absolute and Fixed<\/strong> position.<\/li><\/ul>\n\n\n\n<p><strong> &gt;&gt; Responsive<\/strong><\/p>\n\n\n\n<p>You can choose any option from <strong>Hide on Desktop, Hide on Tablet or Hide on Mobile<\/strong>.<\/p>\n\n\n\n<h3 id=\"accordion-02-accordion-03\"><strong>Accordion-02<\/strong>,&nbsp;<strong>Accordion-03<\/strong><\/h3>\n\n\n\n<p>Option fields for Accordion-02, Accordion-03 are the same as the Accordion-01&#8217;s option fields.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Option Fields of this Widget in Elementor : &gt;&gt; Content Number of Items to show \u2013 Select the number of items from the Drop Down menu. Item Title 1\u2013 type in 1st item of the accordion title here. Item text 1&nbsp;\u2013 type in 1st item&#8217;s description to apply it. Item Title 2\u2013 type in 2nd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,15],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts\/298"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts\/298\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/media?parent=298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/categories?post=298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/tags?post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}