{"content":[{"id":"588c2dad","settings":[],"elements":[{"id":"5030c11f","settings":{"_column_size":100,"_inline_size":null},"elements":[{"id":"9b2de2b","settings":{"title":"Elementor Theme Style Template (H1)","header_size":"h1"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"18916388","settings":{"padding":{"unit":"px","top":"40","right":"0","bottom":"40","left":"0","isLinked":false}},"elements":[{"id":"4a3e61b7","settings":{"_column_size":100,"_inline_size":null,"content_position":"center"},"elements":[{"id":"3382b20f","settings":{"title":"Before you begin (H2)"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"2c2676d3","settings":{"editor":"<p>To effectively use this Template, you need to first disable Elementor default colours and fonts. (p)\u00a0<\/p><p>Go to <strong>Dashboard &gt; Elementor &gt; Settings &gt; General<\/strong> and check both boxes for '<strong>Disable Default Colors<\/strong>' and '<strong>Disable Default Fonts<\/strong>'. (p)\u00a0<\/p><p><img src=\"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/disable-global.jpg\" alt=\"\" width=\"1028\" height=\"105\" \/><\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"5174b9a4","settings":{"editor":"<p>Now... All of the Widgets on this template are using Default Values. So you can play with the \"Theme Style\" Options in Elementor to see how they will affects your Website style. (p)\u00a0<\/p><p>Wherever you see (p), (H1), (H2) etc. , it's just showing you what HTML Tag that text is using. (p)\u00a0<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"76a1e2ea","settings":{"structure":"30"},"elements":[{"id":"688639d8","settings":{"_column_size":33,"_inline_size":null},"elements":[{"id":"2cae8d5d","settings":{"image":{"url":"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/Elementor-Hamburger.jpg","id":41,"alt":"","source":"library"},"caption_source":"custom","caption":"Click Hamburger Menu"},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"}],"isInner":true,"elType":"column"},{"id":"3d903b84","settings":{"_column_size":33,"_inline_size":null},"elements":[{"id":"e2e6b12","settings":{"image":{"url":"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/Elementor-Theme-Builder.jpg","id":42,"alt":"","source":"library"},"caption_source":"custom","caption":"Go Into Theme Builder"},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"}],"isInner":true,"elType":"column"},{"id":"135cb8a0","settings":{"_column_size":33,"_inline_size":null},"elements":[{"id":"399105bc","settings":{"image":{"url":"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/Elementor-Theme-Style.jpg","id":40,"alt":"","source":"library"},"caption_source":"custom","caption":"Play with all options in this section"},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"}],"isInner":true,"elType":"column"}],"isInner":true,"elType":"section"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"72f75c73","settings":{"structure":"20"},"elements":[{"id":"447b9378","settings":{"_column_size":50,"_inline_size":41.667000000000001591615728102624416351318359375,"content_position":"center"},"elements":[{"id":"168d5b5d","settings":{"editor":"<p>Note:<strong> Typography &gt; Body<\/strong> colour and font affects all Typography Elements. You will then need to overide each one (Link, Heading, Buttons) indivudally to not overide. (p)\u00a0<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"27ebd0f7","settings":{"_column_size":50,"_inline_size":58.2890000000000014779288903810083866119384765625},"elements":[{"id":"539e2c9f","settings":{"image":{"url":"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/elementor-Body-settings.jpg","id":65,"alt":"","source":"library"}},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"aa90597","settings":{"padding":{"unit":"px","top":"40","right":"0","bottom":"40","left":"0","isLinked":false}},"elements":[{"id":"447b507f","settings":{"_column_size":100,"_inline_size":null},"elements":[{"id":"7d6a2b0","settings":{"title":"Some Common Widgets Affected by Theme Style (H3)","header_size":"h3"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"597e1077","settings":{"title":"Icon List Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"3842e80b","settings":{"icon_list":[{"text":"Icon List Widget.","_id":"ebc3e21","selected_icon":{"value":"fas fa-dot-circle","library":"fa-solid"}},{"text":"Is affected by the <b>Theme Style > Typography > Body<\/b> when not a link","selected_icon":{"value":"fas fa-times","library":"fa-solid"},"_id":"986c383"},{"text":"Takes on the <b>Theme Style > Typography > Link<\/b> when a link is available.","_id":"f802122","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""}}]},"elements":[],"isInner":false,"widgetType":"icon-list","elType":"widget"},{"id":"678a825a","settings":{"title":"Button Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"51d916cf","settings":{"text":"This is a Button"},"elements":[],"isInner":false,"widgetType":"button","elType":"widget"},{"id":"7a097353","settings":{"editor":"<p>Note: Buttons are affected by <strong>Theme Style &gt;<\/strong> <strong>Typography &gt; Link<\/strong> settings, unless overridden by settings in <strong>Theme Style &gt;\u00a0 Buttons<\/strong> settings. (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"56e2f4d5","settings":{"title":"Blockquote Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"b0a63f3","settings":{"blockquote_content":"Block Quotes are only affected by <b>Theme Style > Typography > Body<\/b>. The Colour is not affected by Theme Style, and must be set within Widget Settings.","author_name":"John Doe","tweet_button":"","tweet_button_label":"Tweet"},"elements":[],"isInner":false,"widgetType":"blockquote","elType":"widget"},{"id":"3b3ee2d8","settings":{"title":"Accordion & Toggle Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"6cd3ca3a","settings":{"tabs":[{"tab_title":"This Colour and font Size is is coming from <b>Typography > Link<\/b>","tab_content":"<p>Also, the Accordion and Toggle Widget icon colours are affected by the \"Title HTML Tag\" selected in the Accordion widget - it will take on the colour and font size of the selection. (default is 'div' HTML tag)<\/p>","_id":"0774ad2"},{"tab_title":"Don't leave Accordion Style as Default","tab_content":"<p>The Icons should probably match your website \"Accent \/ Action\" Colour. Set this in the Accordion Style tab.<\/p>","_id":"a3dd412"}]},"elements":[],"isInner":false,"widgetType":"accordion","elType":"widget"},{"id":"293d042e","settings":{"look":"line_text","text":"Dividers are always black unless specified in widget.","html_tag":"p"},"elements":[],"isInner":false,"widgetType":"divider","elType":"widget"},{"id":"17ca9d7f","settings":{"title":"Icon Box Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"4d0790d4","settings":{"title_text":"Icon Box Heading (H3)","description_text":"Icon Box description. Note: The Icon Box Title is affected by the \"Title HTML Tag\" option set within the Icon Box Widget. By Default this is H3<br><br>Also Note: The Icon Colour is affected by the <b>Theme Style > Typography > Link Colour<\/b>","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"position":"left"},"elements":[],"isInner":false,"widgetType":"icon-box","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"5ead2e7","settings":{"structure":"20","padding":{"unit":"px","top":"40","right":"0","bottom":"40","left":"0","isLinked":false}},"elements":[{"id":"67877270","settings":{"_column_size":50,"_inline_size":null},"elements":[{"id":"37c869f","settings":{"title":"A note about Headings (H5)","header_size":"h5"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"addadb2","settings":{"editor":"<p>For SEO and Design Purposes. It can make sense to set your H3, H4, H5, and H6 to look the same as your H2. Then you can use Headings on a Page using a logical Heading Heirachy, without affecting Page Layout Design. (p)\u00a0<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"2f0e80c1","settings":{"title":"Some Example of smaller Headings (H6)","header_size":"h6"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"13f6a625","settings":{"editor":"<p>Another Tip: Headings and Font Colours should probably be the same colour. If you do want to use a different colour, just ensure that Headings are not using your Action Colour. Unless they are clickable. (p)\u00a0<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"47d604b0","settings":{"title":"Some Example of smaller Headings with a link (H6)","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"header_size":"h6"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"3331110e","settings":{"_column_size":50,"_inline_size":null},"elements":[{"id":"6c861e0a","settings":{"title":"Image Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"1ab914af","settings":{"image":{"url":"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/Web-Layout-01.jpg","id":14,"alt":"This is alt text.","source":"library"},"image_size":"full","caption_source":"custom","link_to":"custom","link":{"url":"https:\/\/snugsite.com.au\/","is_external":"","nofollow":"","custom_attributes":""},"caption":"This is caption text. Not affected by Theme Styles"},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"e231dfa","settings":{"structure":"20"},"elements":[{"id":"1ac252a1","settings":{"_column_size":50,"_inline_size":null},"elements":[{"id":"279d1a3","settings":{"title":"Other Notes (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"1849fc0d","settings":{"editor":"<p>Borders use the <strong>Body Colour<\/strong>, unless specified in Widget settings.<\/p>","_border_border":"solid"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"7156fcb3","settings":{"editor":"<p><strong>PARAGRAPHS (p)<\/strong><\/p><p>Within the Typography Settings you will find a 'Paragraph Spacing' Option. This is appears to be set to .9rem by default. Adjust this settings if you want more or less space between Paragraphs by default.<\/p><p>Within the Typography Settings you will find a 'Paragraph Spacing' Option. This is appears to be set to .9rem by default. Adjust this settings if you want more or less space between Paragraphs by default.<\/p><p>Within the Typography Settings you will find a 'Paragraph Spacing' Option. This is appears to be set to .9rem by default. Adjust this settings if you want more or less space between Paragraphs by default.<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"56e58959","settings":{"_column_size":50,"_inline_size":null},"elements":[{"id":"38dcf3fd","settings":{"image":{"url":"https:\/\/test.snugprojects.com.au\/wp-content\/uploads\/2021\/08\/Web-Layout-01.jpg","id":14,"alt":"This is alt text.","source":"library"},"image_size":"full","caption_source":"custom","link_to":"custom","link":{"url":"https:\/\/snugsite.com.au\/","is_external":"on","nofollow":"","custom_attributes":""},"caption":"Borders on items with a link (like this image)  take on Theme Style Link Colour unless specified in the Widget.","image_border_border":"solid","image_border_width":{"unit":"px","top":"5","right":"5","bottom":"5","left":"5","isLinked":true}},"elements":[],"isInner":false,"widgetType":"image","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"2814bfbc","settings":{"padding":{"unit":"px","top":"40","right":"0","bottom":"40","left":"0","isLinked":false}},"elements":[{"id":"1bc4ae14","settings":{"_column_size":100,"_inline_size":null,"content_position":"center"},"elements":[{"id":"58266523","settings":{"title":"Form Widget (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"69ca72c9","settings":{"form_name":"New Form","form_fields":[{"field_type":"step","_id":"6d3d49a","field_label":"Step One","previous_button":"Previous Button","next_button":"Next Button","selected_icon":{"value":"fas fa-chevron-down","library":"fa-solid"},"custom_id":"field_6d3d49a"},{"custom_id":"name","field_label":"Text (Label)","placeholder":"Placeholders affected by Theme Style > Form Fields > Field","_id":"05dabf7","required":"true"},{"_id":"e2bfb7d","field_type":"radio","field_label":"Radio Buttons (Label)","placeholder":"wefwef","required":"true","field_options":"Option One\nOptions Two","custom_id":"field_e2bfb7d"},{"_id":"27be2f9","field_type":"select","field_label":"Select Field (Label)","field_options":"Options One\nOption Two","custom_id":"field_27be2f9"},{"_id":"03de558","field_type":"checkbox","field_label":"Checkbox Field (Label)","field_options":"Option One\nOptions Two","custom_id":"field_03de558"},{"_id":"baeff93","field_type":"acceptance","field_label":"Acceptance (Label)","required":"true","acceptance_text":"Acceptance Text","checked_by_default":"yes","custom_id":"field_baeff93"},{"_id":"de15b0c","field_type":"date","field_label":"Datepicker (Label)","placeholder":"Placeholder not affected by Theme Style","required":"true","min_date":"","use_native_date":"","custom_id":"field_de15b0c"},{"_id":"3af5ed8","field_type":"upload","field_label":"File Upload (Label)","required":"true","custom_id":"field_3af5ed8","allow_multiple_upload":"","max_files":2},{"_id":"66b3f20","field_type":"step","field_label":"Step Two","previous_button":"Previous Button","next_button":"Next Button","custom_id":"field_66b3f20"},{"_id":"9544953","field_type":"step","field_label":"Step Three","custom_id":"field_9544953"}],"mark_required":"yes","step_next_label":"Next","step_previous_label":"Previous","button_text":"Send","email_content":"[all-fields]","email_content_2":"[all-fields]","success_message":"The form was sent successfully.","error_message":"An error occurred.","required_field_message":"This field is required.","invalid_message":"There's something wrong. The form is invalid."},"elements":[],"isInner":false,"widgetType":"form","elType":"widget"}],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"},{"id":"3001711d","settings":{"structure":"20"},"elements":[{"id":"63b69ab6","settings":{"_column_size":50,"_inline_size":null},"elements":[{"id":"594e9b5e","settings":{"title":"All Headings Again - Remember to check default Line Heights of Headings and Paragraph Text (H1)","header_size":"h1"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"3b39d4a0","settings":{"editor":"<p>Which Paragraph Text in-between (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"265d22fb","settings":{"title":"All Headings Again - Remember to check default Line Heights of Headings and Paragraph Text (H2)"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"7c790a80","settings":{"editor":"<p>Which Paragraph Text in-between (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"37df677","settings":{"title":"All Headings Again - Remember to check default Line Heights of Headings and Paragraph Text (H3)","header_size":"h3"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"a28d4ff","settings":{"editor":"<p>Which Paragraph Text in-between (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"6bd4f02d","settings":{"title":"All Headings Again - Remember to check default Line Heights of Headings and Paragraph Text (H4)","header_size":"h4"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"1ebfd43b","settings":{"editor":"<p>Which Paragraph Text in-between (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"48207b9e","settings":{"title":"All Headings Again - Remember to check default Line Heights of Headings and Paragraph Text (H5)","header_size":"h5"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"37050e49","settings":{"editor":"<p>Which Paragraph Text in-between (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"},{"id":"7b78b884","settings":{"title":"All Headings Again - Remember to check default Line Heights of Headings and Paragraph Text (H6)","header_size":"h6"},"elements":[],"isInner":false,"widgetType":"heading","elType":"widget"},{"id":"60dee813","settings":{"editor":"<p>Which Paragraph Text in-between (p)<\/p>"},"elements":[],"isInner":false,"widgetType":"text-editor","elType":"widget"}],"isInner":false,"elType":"column"},{"id":"4788045a","settings":{"_column_size":50,"_inline_size":null},"elements":[],"isInner":false,"elType":"column"}],"isInner":false,"elType":"section"}],"page_settings":[],"version":"0.4","title":"Elementor Theme Style Helper v1.1","type":"page"}