CINXE.COM
Safe As Milk Help Center
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Safe As Milk Help Center</title> <meta name="viewport" content="width=device-width, maximum-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Safe As Milk Themes help center articles"/> <meta name="author" content="Safe As Milk"/> <link rel="canonical" href="https://support.safeasmilk.co"/> <link rel="stylesheet" href="//d3eto7onm69fcz.cloudfront.net/assets/stylesheets/launch-1743070464243.css"> <style> body { background: #ffffff; } .navbar .navbar-inner { background: #ffffff; } .navbar .nav li a, .navbar .icon-private-w { color: #111111; } .navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus { color: #4285f4; } .navbar a:hover .icon-private-w, .navbar a:focus .icon-private-w, .navbar .active a .icon-private-w, .navbar .active a:hover .icon-private-w, .navbar .active a:focus .icon-private-w { color: #4285f4; } #serp-dd .result a:hover, #serp-dd .result > li.active, #fullArticle strong a, #fullArticle a strong, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count { color: #4285f4; } #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { color:#111111; } </style> <link rel="stylesheet" href="//s3.amazonaws.com/helpscout.net/docs/assets/5aabdda1042863478ea796e1/attachments/67a38e5b1750436ee7018672/Minimal-Template.css"> <link rel="apple-touch-icon-precomposed" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/5aabdda1042863478ea796e1/images/67a38ce30fdc364569da0bff/sam_favicon_white_on_black.png"> <link rel="shortcut icon" type="image/png" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/5aabdda1042863478ea796e1/images/67a48189a9335f75992344bd/favicon-dark.ico"> <!--[if lt IE 9]> <script src="//d3eto7onm69fcz.cloudfront.net/assets/javascripts/html5shiv.min.js"></script> <![endif]--> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","url":"https://support.safeasmilk.co","potentialAction":{"@type":"SearchAction","target":"https://support.safeasmilk.co/search?query={query}","query-input":"required name=query"}} </script> <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> <link rel="shortcut icon" href="https://d33v4339jhl8k0.cloudfront.net/docs/assets/5aabdda1042863478ea796e1/images/67a47d5754bfea149f1142e9/favicon-light.ico" type="image/x-icon" media="(prefers-color-scheme: light)" /> <link rel="shortcut icon" href="https://d33v4339jhl8k0.cloudfront.net/docs/assets/5aabdda1042863478ea796e1/images/67a48189a9335f75992344bd/favicon-dark.ico" type="image/x-icon" media="(prefers-color-scheme: dark)" /> </head> <body> <script> window.onload = function() { $("#searchBar input.search-query" ).focus(); }; </script> <header id="mainNav" class="navbar"> <div class="navbar-inner"> <div class="container-fluid"> <a class="brand" href="https://support.safeasmilk.co"> <span>Safe As Milk Help Center</span> </a> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse collapse"> <nav role="navigation"><!-- added for accessibility --> <ul class="nav"> <li id="home" class="active"><a href="/">Home <b class="caret"></b></a></li> <li id="venue-theme"><a href="/collection/1-venue-theme">Venue theme <b class="caret"></b></a></li> <li id="all-themes"><a href="/collection/254-all-themes">All themes <b class="caret"></b></a></li> <li id="creative-theme"><a href="/collection/210-creative-theme">Creative theme <b class="caret"></b></a></li> <li id="contact"><a href="#" class="contactUs" onclick="window.Beacon('open')">Contact</a></li> <li id="contactMobile"><a href="#" class="contactUs" onclick="window.Beacon('open')">Contact</a></li> </ul> </nav> </div><!--/.nav-collapse --> </div><!--/container--> </div><!--/navbar-inner--> </header> <section id="docsSearch"> <h1>Do you need some help with your theme?</h1> <form action="/search" method="GET" id="searchBar" autocomplete="off"> <input type="text" name="query" title="search-query" class="search-query" placeholder="Search the knowledge base" aria-label="Search the knowledge base" value=""> <button type="submit" aria-label="Search"><i class="icon-search lp"></i><span>Search</span></button> <div id="serp-dd" style="display:none;"> <ul class="result"></ul> </div> </form> </section><!--/docsSearch--> <section id="contentArea" class="container-fluid"> <div id="noResults" style="display:none;">No results found</div> <section class="collection-category" id="collection-category-254"> <h2 id="collection-254"><a href="/collection/254-all-themes">All themes</a></h2> <section class="category-list"> <a class="category" id="category-257" href="/category/257-general"> <h3>General</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a><!-- /category --> <a class="category" id="category-259" href="/category/259-header-footer"> <h3>Header & Footer</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a><!-- /category --> <a class="category" id="category-262" href="/category/262-product-page"> <h3>Product page</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a><!-- /category --> <a class="category" id="category-263" href="/category/263-sections"> <h3>Sections</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a><!-- /category --> <a class="category" id="category-264" href="/category/264-theme-settings"> <h3>Theme settings</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a><!-- /category --> </section><!-- /category-list --> </section><!-- /collection --> <section class="collection-category" id="collection-category-1"> <h2 id="collection-1"><a href="/collection/1-venue-theme">Venue theme</a></h2> <section class="category-list"> <a class="category" id="category-164" href="/category/164-collection-page"> <h3>Collections</h3> <p></p> <p class="article-count"> <span class="notranslate">7</span> articles </p> </a><!-- /category --> <a class="category" id="category-182" href="/category/182-footer"> <h3>Header & Footer</h3> <p></p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a><!-- /category --> <a class="category" id="category-173" href="/category/173-pages"> <h3>Pages & Blogs</h3> <p></p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a><!-- /category --> <a class="category" id="category-165" href="/category/165-product-page"> <h3>Product page</h3> <p></p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a><!-- /category --> <a class="category" id="category-178" href="/category/178-sections"> <h3>Sections</h3> <p></p> <p class="article-count"> <span class="notranslate">16</span> articles </p> </a><!-- /category --> <a class="category" id="category-4" href="/category/4-shopify-general"> <h3>General</h3> <p></p> <p class="article-count"> <span class="notranslate">12</span> articles </p> </a><!-- /category --> <a class="category" id="category-174" href="/category/174-theme-settings"> <h3>Theme settings</h3> <p></p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a><!-- /category --> </section><!-- /category-list --> </section><!-- /collection --> <section class="collection-category" id="collection-category-210"> <h2 id="collection-210"><a href="/collection/210-creative-theme">Creative theme</a></h2> <section class="category-list"> <a class="category" id="category-227" href="/category/227-collection-page"> <h3>Collections</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a><!-- /category --> <a class="category" id="category-225" href="/category/225-general"> <h3>General</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a><!-- /category --> <a class="category" id="category-222" href="/category/222-header-footer"> <h3>Header & Footer</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a><!-- /category --> <a class="category" id="category-223" href="/category/223-pages-and-blogs"> <h3>Pages & Blogs</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a><!-- /category --> <a class="category" id="category-226" href="/category/226-product-page"> <h3>Product page</h3> <p></p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a><!-- /category --> <a class="category" id="category-224" href="/category/224-sections"> <h3>Sections</h3> <p></p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a><!-- /category --> <a class="category" id="category-228" href="/category/228-theme-settings"> <h3>Theme settings</h3> <p></p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a><!-- /category --> </section><!-- /category-list --> </section><!-- /collection --> <footer class="center"> <p>© <a href="https://support.safeasmilk.co">Safe As Milk</a> 2025. <span>Powered by <a rel="nofollow noopener noreferrer" href="https://www.helpscout.com/docs-refer/?co=Safe+As+Milk&utm_source=docs&utm_medium=footerlink&utm_campaign=Docs+Branding" target="_blank">Help Scout</a></span> </p> </footer> </section><!--/.fluid-container--> <script id="beaconLoader" type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script type="text/javascript">window.Beacon('init', 'd88eb276-c0e4-4920-a5e4-baab63a3abc4')</script> <script type="text/javascript"> function hashChanged() { var hash = window.location.hash.substring(1); if (hash === 'contact') { window.Beacon('open') } } if (window.location.hash) { hashChanged() } window.onhashchange = function () { hashChanged() } window.addEventListener('hashchange', hashChanged, false); </script> <script src="//d3eto7onm69fcz.cloudfront.net/assets/javascripts/app3.min.js"></script> <script> // keep iOS links from opening safari if(("standalone" in window.navigator) && window.navigator.standalone){ // If you want to prevent remote links in standalone web apps opening Mobile Safari, change 'remotes' to true var noddy, remotes = false; document.addEventListener('click', function(event) { noddy = event.target; while(noddy.nodeName !== "A" && noddy.nodeName !== "HTML") { noddy = noddy.parentNode; } if('href' in noddy && noddy.href.indexOf('http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes)){ event.preventDefault(); document.location.href = noddy.href; } },false); } </script> </body> </html>