{"id":313,"date":"2022-03-10T07:20:38","date_gmt":"2022-03-10T07:20:38","guid":{"rendered":"https:\/\/fluentthemes.com\/wp\/cosonix-green\/?p=138"},"modified":"2022-07-31T22:33:15","modified_gmt":"2022-07-31T22:33:15","slug":"horizontal-tabs-01","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/horizontal-tabs-01\/","title":{"rendered":"Horizontal Tabs 01"},"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

  • General<\/strong>
    • Section Background Image URL- Insert the link of Section Background Image URL here.<\/li>
    • Curved Shaped Section Top- Choose ‘Yes’ if you want to make your section’s top Curved Shaped.<\/li>
    • Number of Tabs- Select the number of tabs 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 Icon- Insert the icon of Tab-01 here.<\/li>
        • Tab-01 Image- Upload the image of Tab-01 here.<\/li>
        • Tab-01 Title (Colored)- Write down the title of Tab-01 in color font here.<\/li>
        • Tab-01 Title (White)- Write down the title of Tab-01 in white font here.<\/li>
        • Tab-01 Text- Write down the text of Tab-01 here.<\/li>
        • Tab-01 Bullet Points- Start each bullet point on new line.<\/li>
        • Tab-01 Bottom Note- Write down the bottom note of Tab-01 here.<\/li><\/ul><\/li><\/ul>\n\n\n
          \n
          \"\"<\/figure><\/div>\n\n
          \n
          \"\"<\/figure><\/div>\n\n\n
          • Tab-02<\/strong>, Tab-03<\/strong>, and Tab-04 <\/strong><\/li><\/ul>\n\n\n\n

            Option fields for Tab-02, Tab-03, and Tab-04 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 4 tabss, fill the option fields of 4 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 General Section Background Image URL- Insert the link of Section Background Image URL here. Curved Shaped Section Top- Choose ‘Yes’ if you want to make your section’s top Curved Shaped. Number of Tabs- Select the number of tabs from the Drop Down menu. Tab 01 […]<\/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\/313"}],"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=313"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}