{"id":63,"date":"2018-01-22T12:03:39","date_gmt":"2018-01-22T12:03:39","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/?p=63"},"modified":"2024-05-10T15:11:07","modified_gmt":"2024-05-10T15:11:07","slug":"layout-style","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/","title":{"rendered":"Step style"},"content":{"rendered":"\n<p>On this page, we can choose the best style for your multi-step checkout and make sure it fits your theme style.<\/p>\n\n\n\n<p>Go to the plugin panel in <strong>YITH > Multi-step Checkout > Steps options > Steps Style <\/strong>to select your favorite style among the five available and choose whether you prefer it to show <strong>horizontally<\/strong> or <strong>vertically<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1704\" height=\"814\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg\" alt=\"Step styles\" class=\"wp-image-364\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg 1704w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-300x143.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-1024x489.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-768x367.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-1536x734.jpg 1536w\" sizes=\"auto, (max-width: 1704px) 100vw, 1704px\" \/><\/a><figcaption class=\"wp-element-caption\">Horizontal styles<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2014\" height=\"1424\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles.jpg\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles.jpg 2014w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles-300x212.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles-1024x724.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles-768x543.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/02.vertical-styles-1536x1086.jpg 1536w\" sizes=\"auto, (max-width: 2014px) 100vw, 2014px\" \/><\/a><figcaption class=\"wp-element-caption\">Vertical styles<\/figcaption><\/figure>\n\n\n\n<p>Let&#8217;s take a look at the available styles one by one:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Text style<\/h4>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2304\" height=\"1465\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text.jpg\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text.jpg 2304w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text-300x191.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text-1024x651.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text-768x488.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text-1536x977.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/04-style1text-2048x1302.jpg 2048w\" sizes=\"auto, (max-width: 2304px) 100vw, 2304px\" \/><\/a><figcaption class=\"wp-element-caption\">Text style &#8211; horizontal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2244\" height=\"1045\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical.jpg\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical.jpg 2244w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical-300x140.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical-1024x477.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical-768x358.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical-1536x715.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/10-text-vertical-2048x954.jpg 2048w\" sizes=\"auto, (max-width: 2244px) 100vw, 2244px\" \/><\/a><figcaption class=\"wp-element-caption\">Text style &#8211; vertical<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Style 1<\/h4>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2301\" height=\"1373\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1.jpg\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1.jpg 2301w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-300x179.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-1024x611.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-768x458.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-1536x917.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-2048x1222.jpg 2048w\" sizes=\"auto, (max-width: 2301px) 100vw, 2301px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 1 &#8211; horizontal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2219\" height=\"1264\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical.jpg\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical.jpg 2219w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical-300x171.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical-1024x583.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical-768x437.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical-1536x875.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/05-style1-vertical-2048x1167.jpg 2048w\" sizes=\"auto, (max-width: 2219px) 100vw, 2219px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 1 &#8211; vertical<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Style 2<\/h3>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor.jpg\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2336\" height=\"1516\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor.jpg\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor.jpg 2336w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor-300x195.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor-1024x665.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor-768x498.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor-1536x997.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/06-style2hor-2048x1329.jpg 2048w\" sizes=\"auto, (max-width: 2336px) 100vw, 2336px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 2 &#8211; horizontal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/09.style2vertical.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"731\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/09.style2vertical.jpg\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/09.style2vertical.jpg 1510w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/09.style2vertical-300x145.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/09.style2vertical-1024x496.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/09.style2vertical-768x372.jpg 768w\" sizes=\"auto, (max-width: 1510px) 100vw, 1510px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 2 &#8211; vertical<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Style 3<\/h4>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2336\" height=\"1339\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor.jpg\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor.jpg 2336w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor-300x172.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor-1024x587.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor-768x440.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor-1536x880.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/08-style2-hor-2048x1174.jpg 2048w\" sizes=\"auto, (max-width: 2336px) 100vw, 2336px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 3 &#8211; horizontal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical.jpg\" data-rel=\"lightbox-image-9\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2251\" height=\"1247\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical.jpg\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical.jpg 2251w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical-300x166.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical-1024x567.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical-768x425.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical-1536x851.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/07-style2-vertical-2048x1135.jpg 2048w\" sizes=\"auto, (max-width: 2251px) 100vw, 2251px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 3 &#8211; vertical<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Style 4<\/h3>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-horizontal.jpg\" data-rel=\"lightbox-image-10\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1484\" height=\"1303\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-horizontal.jpg\" alt=\"\" class=\"wp-image-309\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-horizontal.jpg 1484w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-horizontal-300x263.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-horizontal-1024x899.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-horizontal-768x674.jpg 768w\" sizes=\"auto, (max-width: 1484px) 100vw, 1484px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 4 &#8211; horizontal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-vertical.jpg\" data-rel=\"lightbox-image-11\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1496\" height=\"1099\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-vertical.jpg\" alt=\"\" class=\"wp-image-310\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-vertical.jpg 1496w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-vertical-300x220.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-vertical-1024x752.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Style4-vertical-768x564.jpg 768w\" sizes=\"auto, (max-width: 1496px) 100vw, 1496px\" \/><\/a><figcaption class=\"wp-element-caption\">Style 4 &#8211; vertical<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile layout<\/h2>\n\n\n\n<p>Besides the style for your site&#8217;s desktop version, if you want, you can also choose a different style to show on <strong>mobile devices<\/strong> that will automatically be set vertically.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/03.mobile.jpg\" data-rel=\"lightbox-image-12\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1339\" height=\"242\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/03.mobile.jpg\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/03.mobile.jpg 1339w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/03.mobile-300x54.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/03.mobile-1024x185.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/03.mobile-768x139.jpg 768w\" sizes=\"auto, (max-width: 1339px) 100vw, 1339px\" \/><\/a><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/11-mobile-frontend.jpg\" data-rel=\"lightbox-image-13\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"445\" height=\"746\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/11-mobile-frontend.jpg\" alt=\"\" class=\"wp-image-249\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/11-mobile-frontend.jpg 445w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/11-mobile-frontend-179x300.jpg 179w\" sizes=\"auto, (max-width: 445px) 100vw, 445px\" \/><\/a><\/figure><\/div>\n\n\n<p>On the same page, you can find more options to customize the style of your steps:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options.jpg\" data-rel=\"lightbox-image-14\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1726\" height=\"954\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options.jpg\" alt=\"Steps style options\" class=\"wp-image-365\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options.jpg 1726w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options-300x166.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options-1024x566.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options-768x424.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style-options-1536x849.jpg 1536w\" sizes=\"auto, (max-width: 1726px) 100vw, 1726px\" \/><\/a><\/figure>\n\n\n\n<p>Based on the selected style, you will see different options to customize the steps:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Text style<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style.jpg\" data-rel=\"lightbox-image-15\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-304\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style.jpg\" alt=\"\" width=\"1558\" height=\"219\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style.jpg 1558w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style-300x42.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style-1024x144.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style-768x108.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/text-style-1536x216.jpg 1536w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><\/a><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Separate steps with<\/strong><\/li>\n\n\n\n<li><strong>Step text color<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Style 1<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1.jpg\" data-rel=\"lightbox-image-16\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-305\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1.jpg\" alt=\"\" width=\"1558\" height=\"219\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1.jpg 1558w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1-300x42.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1-1024x144.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1-768x108.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style1-1536x216.jpg 1536w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><\/a><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step text alignment<\/strong><\/li>\n\n\n\n<li><strong>Step background color<\/strong><\/li>\n\n\n\n<li><strong>Step text color<\/strong><\/li>\n\n\n\n<li><strong>Square color<\/strong><\/li>\n\n\n\n<li><strong>Square text color<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Style 2<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2.jpg\" data-rel=\"lightbox-image-17\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-306\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2.jpg\" alt=\"\" width=\"1558\" height=\"219\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2.jpg 1558w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2-300x42.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2-1024x144.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2-768x108.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style2-1536x216.jpg 1536w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><\/a><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step text alignment<\/strong><\/li>\n\n\n\n<li><strong>Step background color<\/strong><\/li>\n\n\n\n<li><strong>Step text color<\/strong><\/li>\n\n\n\n<li><strong>Step border color<\/strong><\/li>\n\n\n\n<li><strong>Circle color<\/strong><\/li>\n\n\n\n<li><strong>Circle border color<\/strong><\/li>\n\n\n\n<li><strong>Circle text color<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Style 3<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3.jpg\" data-rel=\"lightbox-image-18\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-307\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3.jpg\" alt=\"\" width=\"1558\" height=\"219\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3.jpg 1558w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3-300x42.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3-1024x144.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3-768x108.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style3-1536x216.jpg 1536w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><\/a><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step text alignment<\/strong><\/li>\n\n\n\n<li><strong>Step background color<\/strong><\/li>\n\n\n\n<li><strong>Step text color<\/strong><\/li>\n\n\n\n<li><strong>Step border color<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Style 4<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4.jpg\" data-rel=\"lightbox-image-19\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-303\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4.jpg\" alt=\"\" width=\"1558\" height=\"219\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4.jpg 1558w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4-300x42.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4-1024x144.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4-768x108.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/style4-1536x216.jpg 1536w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><\/a><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step text color<\/strong><\/li>\n\n\n\n<li><strong>Step separator color<\/strong><\/li>\n<\/ul>\n\n\n\n<p><!--\n------\n\n\n<ul>\n \t\n\n<li><strong>Separate steps with<\/strong>\u00a0(only available for Text style)<\/li>\n\n\n \t\n\n<li><strong>Step background color <\/strong>(Text style)<\/li>\n\n\n \t\n\n<li><strong>Step text alignment<\/strong> (Style 1, 2,3 )<\/li>\n\n\n \t\n\n<li><strong>Step background color<\/strong> (Style 1, 2, 3)<\/li>\n\n\n \t\n\n<li><strong>Step text color<\/strong> (Style 1, 2, 3, 4)<\/li>\n\n\n \t\n\n<li><strong>Square color<\/strong> (Style 1)<\/li>\n\n\n \t\n\n<li><strong>Square text color<\/strong> (Style 1)<\/li>\n\n\n \t\n\n<li><strong>Step border color<\/strong> (Style 2)<\/li>\n\n\n \t\n\n<li><strong>Circle color<\/strong> (Style 2)<\/li>\n\n\n \t\n\n<li><strong>Circle border color<\/strong> (Style 2)<\/li>\n\n\n \t\n\n<li><strong>Circle text color<\/strong> (Style 2)<\/li>\n\n\n \t\n\n<li><strong>Step separator color<\/strong>: customize the color of the step divider here (Style 4)<\/li>\n\n\n<\/ul>\n\n\n--><br>The following options, instead, apply to all styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show the step number<\/strong>: enable this option to show the step number in the step. Keep it disabled to only show the step name.<\/li>\n\n\n\n<li><strong>FadeIn and FadeOut Transition speed<\/strong>: set the transition speed in milliseconds.<\/li>\n\n\n\n<li><strong>Activate Ajax Validation<\/strong>: enable this option to make sure that the customer can go on with the next step only after all the mandatory fields have been filled out.<br><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/38.ajax-validation.jpg\" data-rel=\"lightbox-image-20\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-298\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/38.ajax-validation.jpg\" alt=\"\" width=\"1484\" height=\"1264\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/38.ajax-validation.jpg 1484w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/38.ajax-validation-300x256.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/38.ajax-validation-1024x872.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/38.ajax-validation-768x654.jpg 768w\" sizes=\"auto, (max-width: 1484px) 100vw, 1484px\" \/><\/a><\/li>\n\n\n\n<li><strong>Use cookies in checkout<\/strong>: enable this option to save the details added by the customer in the checkout fields when they leave the checkout. In this way, they will not have to start the checkout process and add all the details again.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>On this page, we can choose the best style for your multi-step checkout and make sure it fits your theme style. Go to the plugin panel in YITH > Multi-step Checkout > Steps options > Steps Style to select your favorite style among the five available and choose whether you prefer it to show horizontally &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Step style<\/span><\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-63","post","type-post","status-publish","format-standard","hentry","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Multi Step Checkout: Step style<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Multi Step Checkout: Step style\" \/>\n<meta property=\"og:description\" content=\"On this page, we can choose the best style for your multi-step checkout and make sure it fits your theme style. Go to the plugin panel in YITH &gt; Multi-step Checkout &gt; Steps options &gt; Steps Style to select your favorite style among the five available and choose whether you prefer it to show horizontally &hellip; Continue reading Step style\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Multi Step Checkout\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-22T12:03:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-10T15:11:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/\",\"name\":\"YITH Multi Step Checkout: Step style\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg\",\"datePublished\":\"2018-01-22T12:03:39+00:00\",\"dateModified\":\"2024-05-10T15:11:07+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg\",\"width\":1704,\"height\":814},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Step style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/\",\"name\":\"YITH WooCommerce Multi Step Checkout\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Multi Step Checkout: Step style","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/","og_locale":"en_US","og_type":"article","og_title":"YITH Multi Step Checkout: Step style","og_description":"On this page, we can choose the best style for your multi-step checkout and make sure it fits your theme style. Go to the plugin panel in YITH > Multi-step Checkout > Steps options > Steps Style to select your favorite style among the five available and choose whether you prefer it to show horizontally &hellip; Continue reading Step style","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/","og_site_name":"YITH WooCommerce Multi Step Checkout","article_published_time":"2018-01-22T12:03:39+00:00","article_modified_time":"2024-05-10T15:11:07+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/","name":"YITH Multi Step Checkout: Step style","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg","datePublished":"2018-01-22T12:03:39+00:00","dateModified":"2024-05-10T15:11:07+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/09\/Steps-style.jpg","width":1704,"height":814},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/layout-style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/"},{"@type":"ListItem","position":2,"name":"Step style"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/","name":"YITH WooCommerce Multi Step Checkout","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":27,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts\/63\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}