{"id":948,"date":"2023-02-13T09:10:23","date_gmt":"2023-02-13T09:10:23","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&p=948"},"modified":"2023-09-10T08:02:43","modified_gmt":"2023-09-10T08:02:43","slug":"tabs","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tWhen editing a page with Elementor, you will find the “Tabs (CS)<\/strong>” element in the left panel. With this element, you can divide content into tabs.\n\n

\"\"<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Content Tab<\/h6>

A Tabs<\/strong> widget consists of multiple sub items: Tab. After adding a Tabs widget, in the left panel of Elementor > Edit Tabs > “Content” > you can add new items to the Tabs widget.<\/p>

\"\"<\/p>

When expanding each item by clicking on the item title, you will see the following options:<\/p>

  1. Title<\/strong>: Enter the title of the current tab.<\/li>
  2. Content Type<\/strong>: Text<\/em><\/strong> \/\u00a0Custom Block<\/em><\/strong>. Choose “Text” then you can add text and images by using the default text editor. Choose “Custom Block” then you can select an existing Custom Block on your website and insert the content into this tab. (What is Custom Block?<\/a>)<\/li>
  3. Unique ID<\/strong>: You can give an ID to each item.<\/li><\/ol>
    Style Tab<\/h6>
    1. Title Typography<\/strong>: Control the Tab Title’s font size, family, weight, line height, letter spacing, and etc.<\/li>
    2. Content Typography<\/strong>: Control the typography of text in the tab content area. Please note<\/strong>: These typography settings will be ignored when content is a Custom Block.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\n
      \t
      \n\t How to edit content of each tab item\u00a0\t <\/h6> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Since a Tabs widget consists of multiple sub items, and if the tab content source is “Custom Block”, then you need to edit each tab (custom block) individually.<\/p>

      When you are on a page contains the Tabs widget, if the content of any tab is from Custom Block, then when you hover your cursor over the top admin bar > “Edit with Elementor” > you will find these custom blocks in the dropdown list. Click on them and then you can edit them with Elementor.<\/p>

      \"\"<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[8],"class_list":["post-948","ptkb","type-ptkb","status-publish","hentry","ptkb_category-cs-elements"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/948\/revisions"}],"predecessor-version":[{"id":1393,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/948\/revisions\/1393"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=948"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}