{"id":17484,"date":"2024-03-27T14:50:29","date_gmt":"2024-03-27T12:50:29","guid":{"rendered":"https:\/\/datapost.co.za\/help\/?page_id=17484"},"modified":"2024-04-16T15:16:54","modified_gmt":"2024-04-16T13:16:54","slug":"how-to-set-up-an-interactive-project-in-xid","status":"publish","type":"page","link":"https:\/\/datapost.co.za\/help\/how-to-set-up-an-interactive-project-in-xid\/","title":{"rendered":"How to set up an interactive project in XID"},"content":{"rendered":"[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_fullwidth_header title=”How to set up an interactive project in XID” button_one_text=”Back” _builder_version=”4.20.0″ _module_preset=”default” background_color=”#2ea3f2″ global_colors_info=”{}”][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.20.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n

Step-by-step guide on how to add pages<\/h1>\n<\/a><\/b><\/pee>1. Click on “Pages” in the panel on the right.<\/pee><\/pee>\"\"<\/pee>2. Click on “Add Page”.<\/pee><\/pee>\"\"<\/pee>3. Page 1 will be added. Click on “Add Page” again to add Page 2.<\/pee><\/pee>\"\"<\/pee>4. Click on “Add Page” to add Page 3.<\/pee><\/pee>\"\"<\/pee><\/p>\n

Step-by-step guide on how to make the home page transparent<\/h1>\n1. Click on the “Home” page to ensure that it’s the page you are working with.<\/pee><\/pee>\"\"<\/pee>2. Click on the colour picker next to Background. A slider will appear.<\/pee><\/pee>\"\"<\/pee>3. Drag the slider all the way to the bottom. Doing this will make the home page transparent.<\/pee><\/pee>\"\"<\/pee>4. The canvas will change to a checkerboard, indicating that it is transparent. Click on the flame icon in the menu on the left to add a hotspot.<\/pee><\/pee>\"\"<\/pee>5. Click on the hotspot on the canvas to select it.<\/pee><\/pee>\"\"<\/pee>6. Click on “Element” in the panel on the right.<\/pee><\/pee>\"\"<\/pee>7. Click on the stretch to fill icon, to make the hotspot fullscreen.<\/pee><\/pee>\"\"<\/pee>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.20.0″ _module_preset=”default” theme_builder_area=”post_content”][et_pb_column _builder_version=”4.20.0″ _module_preset=”default” type=”4_4″ theme_builder_area=”post_content”][et_pb_code _builder_version=”4.20.0″ _module_preset=”default” theme_builder_area=”post_content” hover_enabled=”0″ sticky_enabled=”0″]\n

Step-by-step guide on how to upload an image<\/h1>\n<\/pee>1. Click on ‘Page 1’ in the menu panel on the right.<\/pee><\/pee>\"\"<\/pee>2. Click on the Media Library button in the panel on the left.<\/pee><\/pee>\"\"<\/pee>3. Click on ‘Upload’. Navigate to the image that you want to upload. Once uploaded the image will be logged automatically as an XID image.<\/pee><\/pee>\"\"<\/pee>4. Click on the image to add it to Page 1 on the canvas.<\/pee><\/pee>\"\"<\/pee>5. Click on the image to highlight it.<\/pee><\/pee>\"\"<\/pee>6. Go to ‘Element’ in the panel on the right and click on the ‘Stretch to Fill’ tool to make the image full screen.<\/pee><\/pee>\"\"<\/pee>7. Click ‘Save’ to save your change.<\/pee><\/pee>\"\"<\/pee>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.20.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”http:\/\/datapost.co.za\/help\/how-to-set-up-an-interactive-project-in-xid\/” button_text=”To Top” _builder_version=”4.20.0″ _module_preset=”default” custom_button=”on” button_text_color=”#2ea3f2″ button_border_color=”#2ea3f2″ button_icon=”2||divi||400″ global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":148,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-17484","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages\/17484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/users\/148"}],"replies":[{"embeddable":true,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/comments?post=17484"}],"version-history":[{"count":10,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages\/17484\/revisions"}],"predecessor-version":[{"id":17500,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages\/17484\/revisions\/17500"}],"wp:attachment":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/media?parent=17484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}