{"id":314,"date":"2022-03-11T07:36:12","date_gmt":"2022-03-11T07:36:12","guid":{"rendered":"https:\/\/fluentthemes.com\/wp\/cosonix-green\/?p=145"},"modified":"2022-07-31T22:33:10","modified_gmt":"2022-07-31T22:33:10","slug":"horizontal-tabs-02","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/horizontal-tabs-02\/","title":{"rendered":"Horizontal Tabs 02"},"content":{"rendered":"
\n
\"\"
\u21d1 Front-End Sample of the Widget<\/strong><\/figcaption><\/figure><\/div>\n\n\n

Option Fields of this Widget in Elementor :<\/h3>

>> Content<\/strong><\/p><\/p>\n\n\n\n

  • Number of Tabs<\/strong>
    • Number of tabs can be chosen from the Drop Down menu.<\/li><\/ul><\/li><\/ul>\n\n\n
      \n
      \"\"<\/figure><\/div>\n\n\n
      • Tab-01<\/strong>
        • Tab-01 Heading- Write down the heading of Tab-01 here.<\/li>
        • Tab-01 Text- Write down the text of Tab-01 here.<\/li>
        • Tab-01 Image- Upload the image of Tab-01 here.<\/li><\/ul><\/li><\/ul>\n\n\n
          \n
          \"\"<\/figure><\/div>\n\n\n
          • Tab-02<\/strong>, Tab-03<\/strong>, Tab-04<\/strong>, Tab-05<\/strong>, Tab-06<\/strong>, Tab-07<\/strong>, Tab-08<\/strong>, Tab-09<\/strong> and<\/strong> Tab-10<\/strong><\/li><\/ul>\n\n\n\n

            Option fields for Tab-02, Tab-03, Tab-04, Tab-05, Tab-06, Tab-07, Tab-08, Tab-09 and Tab-10 are the same as the Tab-01’s option fields. If you want to use just 1 tab, fill the option fields of Tab-01 only. If you want to use 10 tabss, fill the option fields of 10 tabs. <\/p>\n\n\n

            \n
            \"\"<\/figure><\/div>\n\n\n

            >> Advanced<\/strong><\/p>\n\n\n\n

            • Margin<\/strong> – input the values for the margins in the required fields.<\/li>
            • Padding –<\/strong> here you can set the preferable custom padding. Fill in the values for the top, bottom, right, and left<\/strong> padding in pixels or % to apply your custom padding.<\/li>
            • Z-Index ( optional ) – <\/strong>input the values for the z-index if you need to use this option.<\/li>
            • CSS ID ( optional ) –<\/strong> add your custom CSS ID in this field.<\/li>
            • CSS Classes ( optional )<\/strong> –<\/strong> add your custom CSS Classes here without the dot (.)<\/strong>.<\/li><\/ul>\n\n\n
              \n
              \"\"<\/figure><\/div>\n\n\n

              >> Background<\/strong><\/p>\n\n\n\n

              • Switch between Normal or Hover<\/strong> modes. <\/li>
              • Background Type<\/strong> \u2013 in this block you can choose, whether you want to use <\/strong>a background color <\/strong>or a background image<\/strong> for the section.<\/li><\/ul>\n\n\n\n

                >> Positioning<\/strong><\/p>\n\n\n\n

                • Width<\/strong> \u2013 here you can choose between Full width, Inline and Custom<\/strong>. <\/li>
                • Position<\/strong> \u2013 here you can choose between Absolute and Fixed<\/strong> position.<\/li><\/ul>\n\n\n\n

                  >> Responsive<\/strong><\/p>\n\n\n\n

                  You can choose any option from Hide on Desktop, Hide on Tablet or Hide on Mobile<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

                  Option Fields of this Widget in Elementor : >> Content Number of Tabs Number of tabs can be chosen from the Drop Down menu. Tab-01 Tab-01 Heading- Write down the heading of Tab-01 here. Tab-01 Text- Write down the text of Tab-01 here. Tab-01 Image- Upload the image of Tab-01 here. Tab-02, Tab-03, Tab-04, Tab-05, […]<\/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\/314"}],"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=314"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}