{"id":5402,"date":"2023-11-28T12:51:30","date_gmt":"2023-11-28T12:51:30","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=5402"},"modified":"2026-07-24T13:58:34","modified_gmt":"2026-07-24T13:58:34","slug":"ion-hacks-ion","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/ion-hacks-ion\/","title":{"rendered":"Videos: Ion Hacks"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This learning path is intended for ion users with experience working in the ion platform, or have previously completed the Designer and\/or Expert courses in ion U. Upon completion of this course, users can expect to learn tips and tricks for working in the platform, based on frequently asked questions and common practices adopted by ion&#8217;s creative services team.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creative Studio Quick Tips<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 1\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-01-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-01.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-01.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Background Tips<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 2\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-02-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-02.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-02.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Color Overlays For Background Images<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 3\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-03-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-03.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-03.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Creating Shapes and Borders With Containers<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 4\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-04-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-04.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-04.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Creating Animated Bar Charts<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 5\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-05-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-05.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-05.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Publishing Across Screen Sizes<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 6\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-06-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-06.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-06.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Overlapping Content with Negative Margins<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 7\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-07-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-07.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-07.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Layered Positioning<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 8\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-08-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-08.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-08.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Vertical Centering<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 9\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-09-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-09.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-09.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">When To Use Reveal, Flow, and Full-Page Slider<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 10\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-10-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-10.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-10.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Using Reveals for Dropdown Menus<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 11\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-11-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-11.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-11.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Lightbox Navigation Menus<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 12\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-12-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-12.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-12.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Creating A One-Page Decision Tree<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 13\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-13-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-13.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-13.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Custom CSS and Animations<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 14\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-14-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-14.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-14.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Scalable Vector Graphics<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 15\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-15-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-15.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-15.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Font Icons<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 16\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-16-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-16.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-16.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Dynamic CSS Parameters<\/h2>\n\n\n\n<video aria-label=\"Videos: Ion Hacks \u2013 section 17\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-17-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-17.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-ion-hacks-17.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to <a href=\"mailto:help@ioninteractive.com\">help@ioninteractive.com<\/a>, so we can make sure to have this article constantly up to date.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This learning path is intended for ion users with experience working in the ion platform, or have previously completed the Designer and\/or Expert courses in ion U. Upon completion of this course, users can [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":3560,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2064,2078,32,4],"tags":[2374,2167],"class_list":["post-5402","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ion-platform-en","category-the-advanced-capabilites","category-the-creative-studio","category-the-platform","tag-hacks","tag-ion-platform"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=5402"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5402\/revisions"}],"predecessor-version":[{"id":6819,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5402\/revisions\/6819"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/3560"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=5402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=5402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=5402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}