LyraThemes - Documentation and Support

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>LyraThemes - Documentation and Support</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="Help and documentation for LyraThemes themes. "/> <meta name="author" content="LyraThemes"/> <link rel="canonical" href="https://help.lyrathemes.com"/> <link rel="stylesheet" href="//d3eto7onm69fcz.cloudfront.net/assets/stylesheets/launch-1744362081145.css"> <style> body { background: #ffffff; } .navbar .navbar-inner { background: #efefef; } .navbar .nav li a, .navbar .icon-private-w { color: #000000; } .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: #000000; } .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: #000000; } #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: #6f26ac; } #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { color:#585858; } </style> <link rel="apple-touch-icon-precomposed" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/57cd9788c6979108399a030f/images/5a7ba91d2c7d3a4a4198ec56/80x80.jpg"> <link rel="shortcut icon" type="image/png" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/57cd9788c6979108399a030f/images/5a7ba91d0428634376cfed41/80x80.jpg">  <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","url":"https://help.lyrathemes.com","potentialAction":{"@type":"SearchAction","target":"https://help.lyrathemes.com/search?query={query}","query-input":"required name=query"}} </script> <style> /*** Navigation ***/ .navbar-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 30px; } @media (min-width: 769px) { .navbar .nav { bottom: 15px; } } .navbar .nav li a, .navbar .icon-private-w { color: #000000; text-transform: uppercase; } .navbar .nav li a:hover, .navbar .nav .active a:hover{ color: #6f26ac; } .navbar .nav .active a{ font-weight:bold; } /*** Footer ***/ footer span { display: none; } /*** Search ***/ #docsSearch{display:none;} /*** Content Area ***/ #main-content{ background:none; } .icon-article-doc { display: none; } /*** Form Fields ***/ textarea:focus, input:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus { border-color: rgba(153, 153, 153,.7); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(106,155,208,.4); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(106,155,208,.4); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(106,155,208,.4); outline: 0!important; } /*** Search Field ***/ #searchBar button { background: #666; border: 1px solid #666; } #searchBar button:hover { background: #333; } /*** Main Page Collections ***/ .collection-category h2{ text-transform:uppercase; } .category-list .category { background-color: #fff; box-shadow: 0 7px 4px -5px rgba(0,0,0,0.05); box-sizing: border-box; min-height: 180px; position: relative; transition: all 0.2s; } @media (min-width: 769px) { .category-list .category { width: 31.3%; } } @media (max-width: 768px) { .category-list .category { width: 46.8%; } } @media (max-width: 600px){ .category-list .category { width: 100%; } } .category-list .category:before { content: ""; position: absolute; top: -3px; height: 3px; width: calc(100% + 2px); left: -1px; right: -1px; } /*** Collections Border Colors ***/ #collection-category-184 .category-list .category:before { background: #666; /* GENERAL */ } #collection-category-364 .category-list .category:before { background: #999; /* INSTAGRAM WIDGET */ } #collection-category-64 .category-list .category:before { background: #b081c4; /* ELARA */ } #collection-category-274 .category-list .category:before { background: #f67ae0; /* JULIET */ } #collection-category-127 .category-list .category:before { background: #FFD56D; /* ARIEL */ } #collection-category-181 .category-list .category:before { background: #3aad5b; /* KALE */ } </style> </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://www.lyrathemes.com"> <img src="//d33v4339jhl8k0.cloudfront.net/docs/assets/57cd9788c6979108399a030f/images/5a7ba91d0428634376cfed40/lyrathemes-logo-min.png" alt="LyraThemes - Documentation and Support" width="180" height="60"> </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"> <ul class="nav"> <li id="home" class="active"><a href="/">Documentation <b class="caret"></b></a></li> <li id="general"><a href="/collection/184-general">General <b class="caret"></b></a></li> <li id="kale"><a href="/collection/181-kale">Kale <b class="caret"></b></a></li> <li id="elara"><a href="/collection/64-elara">Elara <b class="caret"></b></a></li> <li id="juliet"><a href="/collection/274-juliet">Juliet <b class="caret"></b></a></li> <li id="ariel"><a href="/collection/127-ariel">Ariel <b class="caret"></b></a></li> <li id="instagram-widget"><a href="/collection/364-instagram-widget">Instagram Widget <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> </div> </div> </header> <section id="docsSearch"> <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> <section id="contentArea" class="container-fluid"> <div id="noResults" style="display:none;">No results found</div> <section class="collection-category" id="collection-category-184"> <h2 id="collection-184"><a href="/collection/184-general">General</a></h2> <section class="category-list"> <a class="category" id="category-187" href="/category/187-installation"> <h3>Installation</h3> <p>How to install the free or pro theme</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-189" href="/category/189-upgrade-to-pro"> <h3>Upgrade to Pro</h3> <p>Upgrade from the free version</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-188" href="/category/188-updates"> <h3>Updates</h3> <p>How to update your theme</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-190" href="/category/190-faq"> <h3>FAQ</h3> <p>Some frequently asked questions</p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a> <a class="category" id="category-213" href="/category/213-more-resources"> <h3>More Resources</h3> <p>Theme reviews, videos, tutorials</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> </section> </section> <section class="collection-category" id="collection-category-181"> <h2 id="collection-181"><a href="/collection/181-kale">Kale</a></h2> <section class="category-list"> <a class="category" id="category-192" href="/category/192-theme-setup"> <h3>Theme Setup</h3> <p>Find information on general settings, logo setup, and copyright text here</p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a> <a class="category" id="category-193" href="/category/193-menus"> <h3>Menus</h3> <p>Setting up the main nav, social media links, and the top bar navigation items</p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a> <a class="category" id="category-194" href="/category/194-banner-slider"> <h3>Banner / Slider</h3> <p>Kale has several options for the front page banner or slider</p> <p class="article-count"> <span class="notranslate">8</span> articles </p> </a> <a class="category" id="category-195" href="/category/195-front-page"> <h3>Front Page</h3> <p>The front page has several sections that can be set up from the Customizer</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-196" href="/category/196-blog-feed"> <h3>Blog Feed</h3> <p>Choose from several blog feed layouts and sidebar options</p> <p class="article-count"> <span class="notranslate">8</span> articles </p> </a> <a class="category" id="category-197" href="/category/197-posts"> <h3>Posts</h3> <p>Global options for posts across your website: sidebar, featured images, related posts</p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a> <a class="category" id="category-198" href="/category/198-pages"> <h3>Pages</h3> <p>Global options for pages across your website, for the sidebar and featured images</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-378" href="/category/378-search-results"> <h3>Search Results</h3> <p>Choose from several layouts and sidebar options for the search results</p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-202" href="/category/202-recipes"> <h3>Recipes</h3> <p>Kale Pro contains a built-in recipe card and a Recipe Index template</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-199" href="/category/199-sidebar"> <h3>Sidebar</h3> <p>Several options to adjust sidebars (size and display) across the website</p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a> <a class="category" id="category-203" href="/category/203-widgets"> <h3>Widgets</h3> <p>The theme has many widgets, including some custom built options</p> <p class="article-count"> <span class="notranslate">17</span> articles </p> </a> <a class="category" id="category-204" href="/category/204-social-and-newsletter"> <h3>Social and Newsletter</h3> <p>Built-in features to create subscription forms, show social media links, Instagram</p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a> <a class="category" id="category-200" href="/category/200-fonts-and-colors"> <h3>Fonts and Colors</h3> <p>You can choose your own custom colors and fonts in the pro version</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-201" href="/category/201-ad-options"> <h3>Ad Options</h3> <p>Several ad widgets and a built-in blog feed ads option</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-272" href="/category/272-woocommerce"> <h3>WooCommerce</h3> <p>Kale Pro integrates well with WooCommerce</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-271" href="/category/271-pro-features"> <h3>Pro Features</h3> <p>All the features available in Kale Pro (the Kale upgrade)</p> <p class="article-count"> <span class="notranslate">34</span> articles </p> </a> </section> </section> <section class="collection-category" id="collection-category-64"> <h2 id="collection-64"><a href="/collection/64-elara">Elara</a></h2> <section class="category-list"> <a class="category" id="category-68" href="/category/68-theme-setup"> <h3>Theme Setup</h3> <p>Find information on general settings, logo setup, and copyright text here</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-69" href="/category/69-menus"> <h3>Menus</h3> <p>Setting up the main nav, social media links, and the top bar navigation items</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-70" href="/category/70-banner-slider"> <h3>Banner / Slider</h3> <p>Elara has several options for the front page banner or slider</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-71" href="/category/71-front-page"> <h3>Front Page</h3> <p>The front page has several sections that can be set up from the Customizer</p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a> <a class="category" id="category-73" href="/category/73-posts"> <h3>Posts</h3> <p>Global options for posts across your website: sidebar, featured images, related posts</p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a> <a class="category" id="category-74" href="/category/74-pages"> <h3>Pages</h3> <p>Global options for pages across your website, for the sidebar and featured images</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-77" href="/category/77-recipes"> <h3>Recipes</h3> <p>Elara Pro contains a built-in recipe card and a Recipe Index template</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-72" href="/category/72-sidebar-options"> <h3>Sidebar Options</h3> <p>Several options to adjust sidebars (positioning and display) across the website</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-76" href="/category/76-widgets"> <h3>Widgets</h3> <p>The theme has many widgets, including some custom built options</p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a> <a class="category" id="category-78" href="/category/78-affiliate-promotion"> <h3>Affiliate / Promotion</h3> <p>Various options using which you can monetize your website</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-79" href="/category/79-social-newsletter"> <h3>Social & Newsletter</h3> <p>Built-in features to create subscription forms, show social media links, Instagram</p> <p class="article-count"> <span class="notranslate">9</span> articles </p> </a> <a class="category" id="category-75" href="/category/75-fonts-and-colors"> <h3>Fonts and Colors</h3> <p>You can choose your own custom colors and fonts in the pro version</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-121" href="/category/121-pro-features"> <h3>Pro Features</h3> <p>All the features available in Elara Pro (the Elara upgrade)</p> <p class="article-count"> <span class="notranslate">18</span> articles </p> </a> </section> </section> <section class="collection-category" id="collection-category-274"> <h2 id="collection-274"><a href="/collection/274-juliet">Juliet</a></h2> <section class="category-list"> <a class="category" id="category-277" href="/category/277-theme-setup"> <h3>Theme Setup</h3> <p>Find information on general settings, logo setup, layout, and copyright text here</p> <p class="article-count"> <span class="notranslate">10</span> articles </p> </a> <a class="category" id="category-278" href="/category/278-menus"> <h3>Menus</h3> <p>Setting up the main nav, social media links, and the top bar navigation items</p> <p class="article-count"> <span class="notranslate">8</span> articles </p> </a> <a class="category" id="category-280" href="/category/280-banner-slider"> <h3>Banner / Slider</h3> <p>Juliet has several options for the front page banner or slider</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-281" href="/category/281-front-page"> <h3>Front Page</h3> <p>The front page has several sections that can be set up from the Customizer</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-282" href="/category/282-blog-feed"> <h3>Blog Feed</h3> <p>Choose from several blog feed layouts and sidebar options</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-283" href="/category/283-posts"> <h3>Posts</h3> <p>Global options for posts across your website: sidebar, featured images, related posts</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-284" href="/category/284-pages"> <h3>Pages</h3> <p>Global options for pages across your website, for the sidebar and featured images</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-345" href="/category/345-sidebar"> <h3>Sidebar</h3> <p>Several options to adjust sidebars display / location across the website</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-288" href="/category/288-widgets"> <h3>Widgets</h3> <p>The theme has many widgets, including some custom built options</p> <p class="article-count"> <span class="notranslate">13</span> articles </p> </a> <a class="category" id="category-289" href="/category/289-social-and-newsletter"> <h3>Social and Newsletter</h3> <p>Built-in features to create subscription forms, show social media links, Instagram</p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a> <a class="category" id="category-285" href="/category/285-fonts-and-colors"> <h3>Fonts and Colors</h3> <p>You can choose your own custom colors and fonts in the pro version</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-286" href="/category/286-ad-options"> <h3>Ad Options</h3> <p>Several ad widgets and a built-in blog feed ads option</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-287" href="/category/287-woocommerce"> <h3>WooCommerce</h3> <p>Juliet integrates well with WooCommerce</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-339" href="/category/339-pro-features"> <h3>Pro Features</h3> <p>All the features available in Juliet Pro (the Juliet upgrade)</p> <p class="article-count"> <span class="notranslate">22</span> articles </p> </a> </section> </section> <section class="collection-category" id="collection-category-127"> <h2 id="collection-127"><a href="/collection/127-ariel">Ariel</a></h2> <section class="category-list"> <a class="category" id="category-130" href="/category/130-theme-setup"> <h3>Theme Setup</h3> <p>Find information on general settings, logo setup, and copyright text here</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-131" href="/category/131-menus"> <h3>Menus</h3> <p>Setting up the main nav, social media links, and the top bar navigation items</p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-132" href="/category/132-banner-slider"> <h3>Banner / Slider</h3> <p>Ariel has several options for the front page banner or slider</p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-133" href="/category/133-front-page"> <h3>Front Page</h3> <p>The front page has several sections that can be set up from the Customizer</p> <p class="article-count"> <span class="notranslate">7</span> articles </p> </a> <a class="category" id="category-134" href="/category/134-blog-feed"> <h3>Blog Feed</h3> <p>Choose from several blog feed layouts and options</p> <p class="article-count"> <span class="notranslate">7</span> articles </p> </a> <a class="category" id="category-135" href="/category/135-posts"> <h3>Posts</h3> <p>Global options for posts across your website: sidebar, featured images, related posts</p> <p class="article-count"> <span class="notranslate">6</span> articles </p> </a> <a class="category" id="category-136" href="/category/136-pages"> <h3>Pages</h3> <p>Global options for pages across your website, for the sidebar and featured images</p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-138" href="/category/138-widgets"> <h3>Widgets</h3> <p>The theme has many widgets, including some custom built options</p> <p class="article-count"> <span class="notranslate">7</span> articles </p> </a> <a class="category" id="category-139" href="/category/139-social-newsletter"> <h3>Social & Newsletter</h3> <p>Built-in features to create subscription forms, show social media links, Instagram</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-137" href="/category/137-fonts-and-colors"> <h3>Fonts and Colors</h3> <p>You can choose your own custom colors and fonts in the pro version</p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-173" href="/category/173-pro-features"> <h3>Pro Features</h3> <p>All the features available in Ariel Pro (the Ariel upgrade)</p> <p class="article-count"> <span class="notranslate">19</span> articles </p> </a> </section> </section> <section class="collection-category" id="collection-category-364"> <h2 id="collection-364"><a href="/collection/364-instagram-widget">Instagram Widget</a></h2> <section class="category-list"> <a class="category" id="category-368" href="/category/368-setup"> <h3>Plugin Setup</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-372" href="/category/372-widget-setup"> <h3>Widget Setup</h3> <p></p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-376" href="/category/376-faq"> <h3>FAQ</h3> <p></p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> </section> </section> <footer class="center"> <p>© <a href="https://www.lyrathemes.com">LyraThemes</a> 2025. <span>Powered by <a rel="nofollow noopener noreferrer" href="https://www.helpscout.com/docs-refer/?co=LyraThemes&utm_source=docs&utm_medium=footerlink&utm_campaign=Docs+Branding" target="_blank">Help Scout</a></span> </p> </footer> </section> <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', '5816c150-0d32-45f2-84fd-a283c1a80c28')</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>

CINXE.COM

LyraThemes - Documentation and Support