CINXE.COM
ThemeIsle Docs
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>ThemeIsle Docs</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="Tutorials for ThemeIsle WordPress Themes & plugins"/> <meta name="author" content="Vertigo Studio SA"/> <link rel="canonical" href="https://docs.themeisle.com"/> <link rel="stylesheet" href="//d3eto7onm69fcz.cloudfront.net/assets/stylesheets/launch-1732006941823.css"> <style> body { background: #ffffff; } .navbar .navbar-inner { background: #ffffff; } .navbar .nav li a, .navbar .icon-private-w { color: #7f7f7f; } .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: #ff7f66; } .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: #ff7f66; } #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: #ff7f66; } #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="//d3eto7onm69fcz.cloudfront.net/assets/ico/touch-152.png"> <link rel="shortcut icon" type="image/png" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/55192029e4b0221aadf23f55/images/5cdc0f042c7d3a6d82bd7cc1/cropped-favicon-2.png"> <!--[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://docs.themeisle.com","potentialAction":{"@type":"SearchAction","target":"https://docs.themeisle.com/search?query={query}","query-input":"required name=query"}} </script> <script async type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "hy76wyq8hi"); </script><!-- Google Tag Manager --> <script>window.addEventListener("DOMContentLoaded",g=>{let d=document.getElementsByTagName("a"),b=window.location.href.split("/");b=b[b.length-1];let a=null;for(let c=0;c<d.length;c++){if(-1!==(a=d[c].href).indexOf("//themeisle.com")&& -1!==a.indexOf("themeisle.com/blog")|| -1===a.indexOf("//themeisle.com")|| -1!==a.indexOf("utm_"))continue;let f=-1===a.indexOf("?")?"?":"&",e=a.split("#");d[c].href=e[0]+f+"utm_source=themeisle&utm_medium=docs&utm_campaign="+b+(e[1]?"#"+e[1]:"")}})</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-579BG29');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-579BG29" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <style>.async-hide { opacity: 0 !important} </style> <script src="https://cdn.jsdelivr.net/npm/gifffer@1.5.4/build/gifffer.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { const nav = document.querySelector('.nav'); if (nav) { const li = document.createElement('li'); const a = document.createElement('a'); a.href = 'https://themeisle.com/contact/'; a.title = 'Contact'; a.textContent = 'Contact'; li.appendChild(a); nav.appendChild(li); } }); </script> <script type="text/javascript"> window.onload = function() { Gifffer(); } </script> <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'> <style> /* Shopify docs hack */ body:has([href*='category/1993-general']) .ti-docs-sidebar, body:has([href*='category/1993-general']) .btn.btn-navbar, body:has([href*='category/1993-general']) header .nav { display: none; } /* GENERIC */ header#mainNav li#contact, header#mainNav li#contactMobile { display: none; } section#collection-1429 { display: none; } .brand img { max-width: 150px; } body, input { font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif; } h1 strong { font-weight: 600; } a, a span { -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all; } /* remove default webkit input shadow */ input, textarea { -webkit-appearance: none; } /* HEADER */ #mainNav .brand span { background: url(http://m.helpscout.net.s3.amazonaws.com/docs-logo.png) no-repeat 0 0; background-size: 100%; display: inline-block; height: 30px; text-indent: -9000px; width: 155px; } .navbar .brand { padding: 20px 20px 15px 0; } .navbar .nav li a { padding: 14px 12px; } .navbar .btn-navbar .icon-bar { background: #fff; box-shadow: none; } /* HOME */ .category-list .category:hover { background: #f7f9fa; } .category-list .category p { color: #6d7983; line-height: 22px; } /* HIDE MENUS */ .nav #neve, .nav #hestia, .nav #visualizer, .nav #otter, .nav #orbit-fox, .nav #feedzy-rss-feeds, .nav #multiple-page-generator, .nav #wp-product-review, .nav #getting-started, .nav #custom-codes, .nav #ophelia-shopify-theme { display: none; } /* SEARCH */ #searchBar .search-query { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #searchBar .search-query:focus, #searchBar #sidebar form .search-query:focus { border-color: #ccc; box-shadow: none; } #searchBar button { background: #3197d1; border-color: #3197d1; font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif; text-shadow: none; -webkit-transition: background .15s; -moz-transition: background .15s; -o-transition: background .15s; transition: background .15s; } #searchBar button:hover { background-color: #1F81BA; } #serp-dd .result a:hover, #serp-dd .result > li.active { background: #f7f9fa; } #docsSearch { background: #f7f9fa; border-bottom: 0; } /* INTERIOR PAGES */ #content { background: none; } #content:after { background: #f7f9fa; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: -1; content: ""; } .contentWrapper { border: 0; } #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list h3 { color: #2a4258; font-weight: 600; } #sidebar .nav-list .active a .icon-arrow:before, #sidebar .nav-list .active a:hover .icon-arrow:before, #sidebar .nav-list .active a:focus .icon-arrow:before { color: #2a4258; } #sidebar .nav-list a { color: #6d7983; } #categoryHead h1 { color: #343b41; margin-bottom: 15px; } h1 { letter-spacing: -0.5px; } .contentWrapper p.descrip { color: #6d7983; line-height: 26px; margin-bottom: 25px; } .contentWrapper h1, #fullArticle h1.title { line-height: 1.4em; } /* $ARTCILES */ #fullArticle dt { background: #3197d1; } #fullArticle h4 { font-weight: 400; } #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { color: #6d767e; font-size: 15px; line-height: 26px; } #fullArticle strong { color: #4A4D4F; font-weight: 600; } #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 { color: #343b41; margin-bottom: 1em; } #fullArticle h2, #fullArticle h5 { font-weight: 600; } #fullArticle h4 { font-weight: 500; } #fullArticle h1, #fullArticle h3 { font-weight: 400; } #fullArticle h3 { font-size: 23px; } #fullArticle h1.title { margin-bottom: 1em; } #fullArticle pre, #fullArticle table { margin-bottom: 2.5em; } #fullArticle dt { font-size: 15px; min-width: 9px; position: relative; top: 6px; } #fullArticle table th { font-weight: 600; } #fullArticle img { margin: 0; } #fullArticle .index-list { margin-bottom: 2.5em; border-left: 5px solid #AAAEB7; } #fullArticle .index-list h4 { display: block; text-transform: uppercase; margin: 0; padding: 8px 26px 0; font-size: 1em; font-weight: 600; } #fullArticle .index-list ul { list-style: none; margin: 1em 25px 0em; float: left; } #fullArticle .index-list li { float: left; width: 305px; } #fullArticle .index-list:before, #fullArticle .index-list:after { display: table; content: ""; /* Fixes Opera/contenteditable bug: /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */ line-height: 0; } #fullArticle .index-list:after { clear: both; } #fullArticle .callout-yellow, #fullArticle .callout-blue, #fullArticle .callout-red, #fullArticle .callout-green, #fullArticle .callout { color: #6d767e; margin-bottom: 2.5em; } #fullArticle .callout-yellow { background: #fff7e4; border-color: #ffdf92; } #fullArticle .callout-blue { background: #ecf7ff; border-color: #80bfe2; } #fullArticle .callout-green { background: #e9fceb; border-color: #92d7a9; } .related { border: 0; border-top: 1px solid #eceef0; padding: 30px 46px 25px; } .articleFoot p { font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif; font-style: normal; } .articleFoot p, #sbContact { color: #6d7983; } .icon-contact { color: #c3c8cb; } footer p, footer p a { color: #6d7983; } .articleList a { margin-left: 0; } .articleList li { padding-left: 0; } .articleList li a:hover span { color: #065e99; text-decoration: none; } #serp .articleList > li { padding-left: 0; } /* CONTACT FORMS */ #contactModal { border: 0; border-radius: 4px; border-top: 4px solid #3197D1; top: 8%; } #contactModal h2 { background: 0; border: 0; font-size: 28px; font-weight: 300; padding: 1em 0 0.25em; text-align: center; } #contactModal .modal-body { padding: 0 6em 0; min-height: 525px; } #contactModal .control-label { float: none; text-align: left; width: auto; } #contactModal .controls { margin: 0; } #contactModal #md-message { height: 80px; width: 400px; } #contactModal .form-actions { padding: 0; margin: 15px auto 20px; text-align: center; } #contactModal .icon-close:before { color: #c6c8ca; } #contactModal .controls input, #contactForm .controls input { box-shadow: none; height: 25px; width: 400px; } #contactForm .control-group, #contactModal .control-group { margin-bottom: 10px; } #contactModal .controls input:focus, #contactModal #md-message:focus, #contactForm .controls input:focus, #contactForm #message:focus { border-color: #cccccc; box-shadow: none; } #contactModal #md-message, #contactForm #message { box-shadow: none; } #contactModal .form-actions input, #contactForm .form-actions input { background: #3197d1; border: 0; color: #fff; font-size: 13px; padding: 10px 25px; text-shadow: none; text-transform: uppercase; } #contactForm:before { color: #343b41; content: "How can we help?"; font-size: 30px; font-weight: 400; display: block; line-height: 45px; margin-bottom: 1em; } /* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */ @media screen and (max-width: 1105px) { section.category-list .category { background: #fff; width: 44.5%; } } @media screen and (max-width: 760px) { section.category-list .category { box-sizing: border-box; margin: 0 0 20px; padding: 1.5em 1em; width: 100%; } } .one-half { width: 47%; float: left; } .twoCol .popArticles, .threeCol .popArticles, .most-pop-articles .popArticles { margin: 0; } .twoCol .popArticles a, .threeCol .popArticles a, .most-pop-articles .popArticles a { margin-left: 0; } .twoCol .popArticles a, .threeCol .popArticles a, .most-pop-articles .popArticles a { font-family: 'font-family: 'Roboto Condensed', sans-serif; } #fullArticle .callout-yellow { background: #fff7e4; border-color: #ffdf92; } #fullArticle .callout-blue { background: #ecf7ff; border-color: #80bfe2; } #fullArticle .callout-yellow, #fullArticle .callout-blue, #fullArticle .callout-red, #fullArticle .callout-green, #fullArticle .callout { color: #414141; /* #6d767e */ margin-bottom: 2.5em; } .cta-btn { text-align: center; padding: 30px; } .cta-btn a { padding: 15px; background: #32A8D9; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 129, 255, 0.1),0 3px 1px -2px rgba(1, 175, 233, 0.2),0 1px 5px 0 rgba(0, 0, 0, 0.1); color: #FFF; text-transform: uppercase; text-decoration: none; } .cta-btn a:hover { box-shadow: 0 14px 26px -12px rgba(0, 129, 255, 0.1),0 4px 23px 0 rgba(1, 175, 233, 0.2),0 8px 10px -5px rgba(0, 0, 0, 0.1); } #docsSearch h1 { font-size: 38px; padding-top: 0; color: #fff; } @media (max-width:768px) { #docsSearch { height: 50vh; } #docsSearch h1 { padding-top: 50px; } } #searchBar button { background: #ff7f66; border: none; } #searchBar button:hover { background: #ff7f66; opacity: 0.8 !important; } #searchBar .result li a { color:#4267cf; font-size: 16px; } @media (max-width: 480px) { #searchBar button { background: none; } #contactForm input[name="upload"] { width: 95%; } } </style> <style> .ti-docs-belowarticle { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; margin: 20px 0 0; } .ti-docs-belowarticle h3 { grid-column: span 3; margin-bottom: 15px; } .ti-docs-belowarticle a { grid-column: span 1; } .ti-docs-belowarticle a h4 { line-height: 1.5em; font-size: 16px; font-weight: 400; } .ti-docs-sidebar a { line-height: 1.5em; font-size: 1.1em; font-weight: 400; display: block; margin-bottom: 15px; } @media (max-width: 480px) { .ti-docs-belowarticle a { grid-column: span 3; margin-bottom: 10px; } } </style> <style> /* redesign Feb 2019 */ @import url("https://use.typekit.net/jid4nml.css"); body { font-family: sofia-pro, sans-serif; background: #f6f7f9; } .navbar-inner { padding: 0; box-shadow: none; } .container-fluid { max-width: 1200px; } .navbar .nav { top: 3px; } .navbar .nav li a, .navbar .icon-private-w { color: #32466b; font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; } .brand { padding: 11px 25px 11px 0 !important; } /*eded*/ #docsSearch { background: url(https://s10725.pcdn.co/wp-content/uploads/2019/02/bg.svg) #4267cf center center no-repeat; padding: 60px 0 200px; position: relative; margin-bottom: -150px; } #docsSearch:after { content: url(https://s10725.pcdn.co/wp-content/uploads/2019/02/border.svg); position: absolute; bottom: -5px; width: 100%; } #docsSearch h1 { max-width: 800px; margin: auto; color: #fff; font-size: 45px; font-weight: 700; line-height: 45px; letter-spacing: -1px; margin-bottom: 20px; } section.threeCol { column-count: 3; column-gap: 15px; } .threeCol .collection { border-radius: 0; box-shadow: 0 2px 80px 0 rgba(0,0,0,0.1); border: none; background-color: #fff; display: inline-block; margin: 0 0 15px; width: 100%; transform: translateX(0); -webkit-transform: translateX(0%); } .articleList li { margin: 0; } .collection a, .articleList li a, .articleList li a span { color: #6F6F6F; transition: .3s ease all; font-size: 18px; line-height: 40px; } .twoCol .popArticles a:hover span, .threeCol .popArticles a:hover span, .most-pop-articles .popArticles a:hover span { text-decoration: none; } .collection a:hover, .articleList li a:hover, .articleList li a:hover span { color: #ff7e65; } .ti-docs-sidebar { padding-right: 30px; } .ti-docs-sidebar a { font-size: 16px; display: block; margin-bottom: 20px; line-height: 26px; font-weight: 400; color: #6F6F6F; } .ti-docs-sidebar a:hover { color: #ff7e65; text-decoration: none; } .twoCol h2, .threeCol h2, .twoCol h2 a, .threeCol h2 a { color: #4065C9; font-weight: 700; text-align: left; font-size: 25px; line-height: 25px; letter-spacing: normal; border-bottom: none; } .twoCol h2 a:hover, .threeCol h2 a:hover, .twoCol h2 a:focus, .threeCol h2 a:focus { color: #ff7e65; border-bottom: none; } .twoCol h2 a, .threeCol h2 a { margin-bottom: 5px; } .twoCol p, .threeCol p { font-weight: 300; color: #B2B2B2; font-size: 16px; line-height: 25px; text-align: left; } .threeCol .collection .collection-head { padding: 35px 35px 0; border-bottom: none; margin-bottom: 0; } .threeCol .collection .collection-head:after { content: ''; border-bottom: 2px solid #F4F4F4; width: 100%; display: block; margin: 30px auto; } #collection-96 .popArticles li:last-child, #collection-96 .popArticles li:nth-last-child(2) { display: none; } .threeCol .collection .collection-body { padding: 0 35px 35px; } #searchBar { width: 40%; } #searchBar .search-query { font-family: sofia-pro; border-radius: 0; font-size: 16px; line-height: 26px; } #searchBar button { font-family: sofia-pro; font-size: 14px; line-height: 14px; text-transform: uppercase; background: #ff7e65; border-radius: 0; text-shadow: none; font-weight: 400; padding: 18px 80px 20px; } .twoCol .browse, .threeCol .browse { color: #FF7F66; font-size: 14px; line-height: 14px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; text-align: left; display: block; font-weight: 700; margin-top: 40px; } #ti_blog_articles .popArticles a { display: block; } /*interior pages*/ #main-content { background: none; box-shadow: 0 2px 80px 0 rgba(0,0,0,0.1); padding: 0; margin-top: 60px; } .contentWrapper { padding: 60px; } .contentWrapper h1 { color: #4268CF !important; font-size: 40px; line-height: 40px; letter-spacing: 0; font-weight: 700; margin-bottom: 40px !important; } #sidebar { margin: 60px 0 0; } #sidebar h3 { font-size: 25px; line-height: 25px; letter-spacing: normal; color: #395BD2; text-transform: none; margin: 60px 0 20px; } #sidebar .nav-list a { font-size: 16px; font-weight: 400; color: #6F6F6F; padding: 6px 15px 10px 0; } #sidebar .nav-list a:hover, #sidebar .nav-list a:focus { color: #ff7f66; } #sidebar .nav-list .active a { font-weight: 700 !important; color: #6F6F6F !important; } #fullArticle .printArticle { top: 20px; } #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { color: #393939; line-height: 30px; font-size: 16px; font-weight: 400; } #fullArticle dd { margin-left: 35px; } #fullArticle table td em { color: #B2B2B2; line-height: 20px !important; } #fullArticle h1 { font-weight: 700; max-width: 90%; } #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 { color: #393939; } #fullArticle h2, #fullArticle h3, #fullArticle h4 { font-weight: 700; } #fullArticle h2 { font-size: 28px; letter-spacing: 0; } #fullArticle h3 { font-size: 25px; letter-spacing: -1px; } #fullArticle h4 { font-size: 23px; letter-spacing: -0.92px; } #fullArticle a, #fullArticle a span { font-weight: 600 !important; } /*scroll to top btn*/ #fullArticle { position: relative; } #scrollTop svg { width: 20px; height: 20px; padding: 12px; fill: white; display: block; } #scrollTop { display: inline-block; background-color: #4267cf; text-align: center; border-radius: 100%; position: fixed; bottom: 47px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; right: 110px; } #scrollTop:hover { cursor: pointer; background-color: #ff7f66; } #scrollTop:active { background-color: #ff7f66; } #scrollTop.show { opacity: 1; visibility: visible; } .related { padding-top: 0; } .related ul>li a { display: inline-block; } .related a span { font-size: 16px; display: inline-block; margin-bottom: 20px; line-height: 26px; font-weight: 400; color: #6F6F6F; margin-bottom: 0; } .related a:hover span { text-decoration: none !important; color: #ff7f66; } .related h3 { font-size: 25px; line-height: 25px; letter-spacing: normal; color: #395BD2; text-transform: none; margin: 30px 0 10px; } .ti-docs-belowarticle { margin: 0; } .ti-docs-belowarticle a { margin-top: 20px; } .ti-docs-belowarticle a span { display: block; margin-top: 10px; } .ti-docs-belowarticle a:hover { text-decoration: none !important; } /*end*/ footer { margin: 50px auto; } footer p { color: #B2B2B2; font-size: 14px; line-height: 25px; text-align: center; } /*responsive*/ @media (max-width: 1366px) { #searchBar { width: 70%; } } @media (max-width: 1220px) { .navbar-inner { padding: 0 20px; } } @media (max-width: 1024px) { section.threeCol { column-count: 2; } } @media (max-width: 768px) { .navbar .btn-navbar { margin-top: 20PX; } .navbar .btn-navbar .icon-bar { background: #4268CF; } .navbar .btn-navbar:hover .icon-bar { background: #ff7f66; } #main-content { margin-top: 0; box-shadow: none; } .contentWrapper { padding: 20px; } section.threeCol { column-count: 1; } #docsSearch { height: auto; } #docsSearch h1 { padding-top: 0; } .threeCol .collection { padding: 0; } .twoCol .collection:first-child, .threeCol .collection:first-child { padding-top: 35px; } #searchBar button { padding: 18px 40px 20px; } #searchBar { width: 90%; } } @media (max-width: 767px) { #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { font-size: 16px; } #fullArticle h1.title { font-size: 30px; } #fullArticle .printArticle { top: 10px; } #docsSearch h1, .contentWrapper h1 { font-size: 30px; line-height: 40px; } } @media (max-width: 600px) { .contentWrapper h1 { word-wrap: break-word; } .one-half { width: 100%; } .one-half img { margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 370px) { #scrollTop { right: 80px; } } @media (max-height:740px) { #scrollTop { right: 80px; bottom: 20px; } } /* RESPONSIVE */ @media (max-width: 768px) { .navbar .btn-navbar { margin-top: 25px; right: -10px; } .related { padding: 30px 25px 25px; } .related ul { margin-left: 0; } .related h3 { padding-left: 0; } .related ul > li a { margin-left: 0; } .twoCol .collection:first-child .collection-head, .threeCol .collection:first-child .collection-head { padding-top: 0px; } } @media (max-width: 920px) { .navbar .nav li a { padding: 14px 5px; } .navbar .nav li a, .navbar .icon-private-w { font-size: 12px; } } .icon-search:before { color: #fff; } /*end*/ /* end */ </style> <style> .floatingTable { position: fixed!important; left: 9%!important; top: 20px!important; width: 23%!important; background-color: #fff!important; box-shadow: 0 2px 80px 0 rgb(0 0 0 / 10%)!important; max-width: 240px; } .floatingTable td { border: none!important; } .floatingTable td { display: block; } #multi-pages-generator{ display:none; } </style> <script> document.addEventListener('DOMContentLoaded', function () { // Scroll to Top Button const fullArticle = document.getElementById('fullArticle'); if(fullArticle) { fullArticle.insertAdjacentHTML('beforeend', '<a id="scrollTop"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect x="0" fill="none" width="20" height="20"></rect><g><path d="M15 14l-5-5-5 5-2-1 7-7 7 7z"></path></g></svg></a>'); const scrollTopBtn = document.getElementById('scrollTop'); window.addEventListener('scroll', () => { if (window.scrollY > 300) { scrollTopBtn.classList.add('show'); } else { scrollTopBtn.classList.remove('show'); } }); scrollTopBtn.addEventListener('click', (e) => { e.preventDefault(); window.scrollTo({top: 0, behavior: 'smooth'}); }); } // Append to Sidebar const sidebar = document.getElementById('sidebar'); sidebar && sidebar.insertAdjacentHTML('beforeend', '<div class="ti-docs-sidebar"><h3>Popular Blog Articles</h3></div>'); const tiDocsSidebar = document.querySelector('.ti-docs-sidebar'); // Fetch Articles [ 'https://themeisle.com/blog/wp-json/wp/v2/posts?tags=4064&per_page=3&orderby=modified', 'https://www.codeinwp.com/wp-json/wp/v2/posts?tags=1653&per_page=3' ].forEach(url => { fetch(url) .then(response => response.json()) .then(data => { data.forEach(item => { const article = `<a href="${item.link}" target="_blank">${item.title.rendered}</a>`; tiDocsSidebar && tiDocsSidebar.insertAdjacentHTML('beforeend', article); }); }) .catch(error => console.error('Error:', error)); }); // Fetch and Display Latest Blog Articles Below Each Doc Article fetch('https://themeisle.com/blog/wp-json/wp/v2/posts?per_page=3&_embed') .then(response => response.json()) .then(data => { let renderBelowArticle = '<div class="ti-docs-belowarticle"><h3>Latest Blog Articles</h3>'; data.forEach(item => { const title = item.title.rendered; const link = item.link; const mediaURL = item._embedded['wp:featuredmedia'][0].media_details.sizes.authorloop.source_url; renderBelowArticle += mediaURL ? `<a href="${link}" target="_blank"><img src="${mediaURL}" alt="${title}"><span>${title}</span></a>` : `<a href="${link}" target="_blank"><span>${title}</span></a>`; }); renderBelowArticle += '</div>'; const relatedSection = document.querySelector('section.related'); relatedSection && relatedSection.insertAdjacentHTML('beforeend', renderBelowArticle); }) .catch(error => console.error('Error:', error)); // Fetch and Display Posts on the Homepage fetch('https://themeisle.com/blog/wp-json/wp/v2/posts?per_page=5') .then(response => response.json()) .then(data => { let renderBlogArticles = ` <section id="ti_blog_articles" class="collection"> <div class="collection-head"> <h2><a href="https://themeisle.com/blog/" target="_blank">Latest Blog Posts</a></h2> <p>Stay updated with blog posts</p> </div> <div class="collection-body"> <ul class="popArticles">`; data.forEach(item => { const title = item.title.rendered; const link = item.link; renderBlogArticles += `<li><a href="${link}">${title}</a></li>`; }); renderBlogArticles += ` </ul> <a class="browse" href="https://themeisle.com/blog/" target="_blank">Go to Blog</a> </div> </section>`; const threeColSection = document.querySelector('section.threeCol'); threeColSection && threeColSection.insertAdjacentHTML('beforeend', renderBlogArticles); }) .catch(error => console.error('Error:', error)); }); </script> <style> #docsSearch { padding: 50px 0 210px; } #docsSearch h1 { display:none; } .popArticles, .collection-body { display: none; } .browse { display: none !important; } .twoCol .collection, .threeCol .collection { min-height: unset; } .threeCol .collection .collection-head { position: absolute; margin-top: 65px; padding: 0; width: 100%; } .threeCol .collection .collection-head:after { border-bottom:none; margin-bottom:20px; } .threeCol p, .threeCol h2, threeCol h2 a { text-align: center; } .twoCol h2, .threeCol h2, .twoCol h2 a, .threeCol h2 a { font-weight: 500; text-align: center; } .threeCol.row-fluid .collection, section.collection { background-repeat: no-repeat; background-position: center top 40px; background-size: 80px; padding-top: 60px; min-height: 160px; border-radius: 10px; } .nav #visualizer-charts-and-graphs, .nav #otter---page-builder-blocks-extensions, .nav #neve, .nav #feedzy-rss-feeds, .nav #orbit-fox, .nav #internal-workarounds, .nav #hestia, .nav #multiple-pages-generator, .nav #bundled-products, .nav #sparks, .nav #themes-plugins, .nav #old-wordpress, .nav #multi-pages-generator, .nav #wordpress, .nav #product-option-manager, .nav #raft, .nav #wp-full-pay, .nav #fse-themes, #redirection-for-contact-form-7 { display: none; } section#collection-2079 { background-image: url(https://themeisle.com/wp-content/uploads/2024/11/wp_full_pay.svg); background-size: 200px; } section#collection-1751 { background-image: url(https://themeisle.com/wp-content/uploads/2022/12/Raft-logo.svg); } section#collection-1557 { background-image: url(https://s30246.pcdn.co/wp-content/uploads/2019/05/themeisle-header-neve-logo.png); } section#collection-1566 { background-image: url(https://ps.w.org/themeisle-companion/assets/icon-128x128.png); } section#collection-1560 { background-image: url(https://s30246.pcdn.co/wp-content/uploads/2019/03/visualizer-logo.svg); } section#collection-1569 { background-image: url(https://s30246.pcdn.co/wp-content/uploads/2019/03/feedzy-logo.svg); } section#collection-1563 { background-image: url(https://ps.w.org/otter-blocks/assets/icon-256x256.png); } section#collection-1546 { background-image: url(https://s30246.pcdn.co/wp-content/uploads/2019/05/themeisle-header-hestia-logo.png); } section#collection-1572 { background-image: url(https://ps.w.org/multiple-pages-generator-by-porthas/assets/icon-256x256.png); } section#collection-1578 { background-image: url(https://pbs.twimg.com/profile_images/1128920402128977920/5Fpfewf7_400x400.png); } section#collection-1775 { background-image: url(https://themeisle.com/wp-content/uploads/2023/01/FSE-themes.png); background-size: 160px; } section#collection-1575 { background-image: url(https://themeisle.com/wp-content/uploads/2022/07/WordPress-logo-1.png); } section#collection-959 { background-image: url(https://themeisle.com/wp-content/uploads/2023/03/bill.png); } section#ti_blog_articles { background-image: url(https://themeisle.com/wp-content/uploads/2022/07/blog_posts.png); } section#collection-2014 { background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/55192029e4b0221aadf23f55/images/6660d2125940934e140f4614/file-2YVRxoqeqp.png) } section#collection-92 { background-image: url(https://themeisle.com/wp-content/uploads/2022/07/faq.png); } section#collection-1626 { background-image: url(https://themeisle.com/wp-content/uploads/2022/07/sparks-logo-transparent.svg); background-size: 100px; } section#collection-1695 { background-image: url(https://themeisle.com/wp-content/uploads/2022/08/ppom-logo.jpeg); } #sidebar .nav-list li { list-style: square; margin-left: 15px; color: #395BD2; } #sidebar .nav-list a { font-size: 17px; font-weight: 700; } @media only screen and (min-width: 1025px) { section.threeCol { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 15px; } .threeCol.row-fluid:before, threeCol.row-fluid:after { display: none; content: ""; line-height: 0; } #contentArea.container-fluid:before, #contentArea.container-fluid:after { display: none; content: ""; line-height: 0; } } </style> <script> function setFloatingTable(tableHeight) { let screenWidth = window.innerWidth; let sidebar = document.getElementById('sidebar'); let sidebarHeight = sidebar ? sidebar.offsetHeight : 0; let fullArticle = document.getElementById('fullArticle'); if (fullArticle) { let menuTable = document.querySelector('.table-bordered.menu-table'); function onScroll() { let value = document.documentElement.scrollTop || document.body.scrollTop; if (value >= sidebarHeight) { menuTable.classList.add('floatingTable'); fullArticle.style.paddingTop = tableHeight + 'px'; } else { menuTable.classList.remove('floatingTable'); fullArticle.style.paddingTop = '0'; } } if (menuTable) { if (screenWidth > 1200) { window.addEventListener('scroll', onScroll); } else { menuTable.classList.remove('floatingTable'); } } } } document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { let menuTable = document.querySelector('.table-bordered.menu-table'); let tableHeight = menuTable ? menuTable.offsetHeight : 0; setFloatingTable(tableHeight); }, 200); }); window.addEventListener('resize', function() { let menuTable = document.querySelector('.table-bordered.menu-table'); let tableHeight = menuTable ? menuTable.offsetHeight : 0; setFloatingTable(tableHeight); }); </script> </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://themeisle.com/"> <img src="//d33v4339jhl8k0.cloudfront.net/docs/assets/55192029e4b0221aadf23f55/images/5cdd067c2c7d3a6d82bd86c4/logo.png" alt="ThemeIsle Docs" width="229" height="75"> </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="wordpress"><a href="/collection/1575-wordpress">WordPress <b class="caret"></b></a></li> <li id="wp-full-pay"><a href="/collection/2079-wp-full-pay">WP Full Pay <b class="caret"></b></a></li> <li id="fse-themes"><a href="/collection/1775-fse-themes">FSE Themes <b class="caret"></b></a></li> <li id="neve"><a href="/collection/1557-neve">Neve <b class="caret"></b></a></li> <li id="hestia"><a href="/collection/1546-hestia">Hestia <b class="caret"></b></a></li> <li id="feedzy-rss-feeds"><a href="/collection/1569-feedzy-rss-feeds">Feedzy RSS Feeds <b class="caret"></b></a></li> <li id="visualizer-charts-and-graphs"><a href="/collection/1560-visualizer-charts-and-graphs">Visualizer: Charts and Graphs <b class="caret"></b></a></li> <li id="multiple-pages-generator"><a href="/collection/1572-multiple-pages-generator">Multiple Pages Generator <b class="caret"></b></a></li> <li id="otter---page-builder-blocks-extensions"><a href="/collection/1563-otter---page-builder-blocks-extensions">Otter - Page Builder Blocks & Extensions <b class="caret"></b></a></li> <li id="product-option-manager"><a href="/collection/1695-product-option-manager">Product Option Manager <b class="caret"></b></a></li> <li id="sparks"><a href="/collection/1626-sparks">Sparks <b class="caret"></b></a></li> <li id="orbit-fox"><a href="/collection/1566-orbit-fox">Orbit Fox <b class="caret"></b></a></li> <li id="redirection-for-contact-form-7"><a href="/collection/2014-redirection-for-contact-form-7">Redirection for Contact Form 7 <b class="caret"></b></a></li> <li id="faqs"><a href="/collection/92-faqs">FAQs <b class="caret"></b></a></li> <li id="billing"><a href="/collection/959-billing">Billing <b class="caret"></b></a></li> <li id="bundled-products"><a href="/collection/1578-bundled-products">Bundled Products <b class="caret"></b></a></li> <li id="themes-plugins"><a href="/collection/96-themes-plugins">Themes & Plugins <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>Tutorials for ThemeIsle WordPress Themes & plugins</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="threeCol row-fluid"> <section class="collection" id="collection-2079"> <div class="collection-head no-desc "> <h2><a href="/collection/2079-wp-full-pay">WP Full Pay</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/2104-how-to-set-up-stripe-coupons"><i class="icon-article-doc"></i><span>How to set up Stripe coupons?</span></a></li> <li><a href="/article/2141-how-to-create-a-member-subscription-page"><i class="icon-article-doc"></i><span>How to create a member subscription page?</span></a></li> <li><a href="/article/2094-using-stripe-trust-badges"><i class="icon-article-doc"></i><span>Using Stripe trust badges</span></a></li> <li><a href="/article/2099-registering-your-website-for-google-recaptcha"><i class="icon-article-doc"></i><span>Register your website for Google reCAPTCHA</span></a></li> <li><a href="/article/2100-step-by-step-guide-to-setup-stripe-on-fullpay-v7"><i class="icon-article-doc"></i><span>Step by step guide to setup Stripe on WP FullPay v7.0</span></a></li> <li><a href="/article/2102-using-placeholder-tokens"><i class="icon-article-doc"></i><span>Using placeholder tokens</span></a></li> <li><a href="/article/2098-where-are-custom-fields-on-the-stripe-dashboard"><i class="icon-article-doc"></i><span>Where are custom fields on the Stripe dashboard?</span></a></li> <li><a href="/article/2125-update"><i class="icon-article-doc"></i><span>Updating WP Full Pay to v7</span></a></li> <li><a href="/article/2097-configuring-the-stripe-api-keys"><i class="icon-article-doc"></i><span>Configuring the Stripe API keys</span></a></li> <li><a href="/article/2121-wordpress-constant-noncekey-is-too-short"><i class="icon-article-doc"></i><span>WordPress constant NONCE_KEY is too short</span></a></li> </ul> <a class="browse" href="/collection/2079-wp-full-pay">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1575"> <div class="collection-head no-desc "> <h2><a href="/collection/1575-wordpress">WordPress</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/32-how-to-change-the-page-template-in-wordpress"><i class="icon-article-doc"></i><span>How to change the page template in WordPress</span></a></li> <li><a href="/article/4-how-to-install-wordpress-themes"><i class="icon-article-doc"></i><span>How to install WordPress Themes</span></a></li> <li><a href="/article/14-how-to-create-a-child-theme"><i class="icon-article-doc"></i><span>🎥 How to create a child theme</span></a></li> <li><a href="/article/1046-how-to-link-menu-to-sections-in-elementor-pages"><i class="icon-article-doc"></i><span>How to Link Menu to Sections in Elementor Pages?</span></a></li> <li><a href="/article/63-speed-up-your-wordpress-site"><i class="icon-article-doc"></i><span>Why is my site so slow?</span></a></li> <li><a href="/article/21-how-to-create-a-submenu"><i class="icon-article-doc"></i><span>How to create a submenu in WordPress</span></a></li> <li><a href="/article/207-how-to-import-the-demo-content"><i class="icon-article-doc"></i><span>How to import the Demo Content</span></a></li> <li><a href="/article/199-how-to-install-wordpress-plugins"><i class="icon-article-doc"></i><span>How to install WordPress Plugins</span></a></li> <li><a href="/article/268-how-to-migrate-a-wordpress-site-from-one-server-to-another"><i class="icon-article-doc"></i><span>How to migrate a WordPress site from one server to another</span></a></li> <li><a href="/article/90-how-to-open-links-in-new-tab"><i class="icon-article-doc"></i><span>How to open links in a new tab</span></a></li> </ul> <a class="browse" href="/collection/1575-wordpress">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1775"> <div class="collection-head no-desc "> <h2><a href="/collection/1775-fse-themes">FSE Themes</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1774-neve-fse"><i class="icon-article-doc"></i><span>Neve FSE Theme</span></a></li> <li><a href="/article/1750-raft-fse-theme"><i class="icon-article-doc"></i><span>Raft - FSE theme</span></a></li> <li><a href="/article/1766-how-to-add-favicon-in-raft"><i class="icon-article-doc"></i><span>How to add Favicon in FSE Themes?</span></a></li> <li><a href="/article/1797-how-can-i-add-custom-css-to-my-fse-theme"><i class="icon-article-doc"></i><span>How can I add Custom CSS to my FSE Theme?</span></a></li> <li><a href="/article/1757-how-to-add-logo-for-website-identity-in-raft"><i class="icon-article-doc"></i><span>How to add Logo for Website Identity in FSE Themes?</span></a></li> <li><a href="/article/1762-how-to-add-submenu-items-in-raft"><i class="icon-article-doc"></i><span>How to Add Submenu Items in FSE Themes Editor?</span></a></li> <li><a href="/article/1802-how-to-create-a-custom-template-in-fse-themes"><i class="icon-article-doc"></i><span>How to Create a Custom Template in FSE Themes?</span></a></li> <li><a href="/article/1781-riverbank-fse-theme"><i class="icon-article-doc"></i><span>Riverbank - FSE Theme</span></a></li> <li><a href="/article/1755-how-to-design-a-template-page-in-raft-using-otter-blocks"><i class="icon-article-doc"></i><span>How to Design a Template Page in FSE Themes using Otter Blocks?</span></a></li> <li><a href="/article/1778-fork-fse-theme"><i class="icon-article-doc"></i><span>Fork - FSE Theme</span></a></li> </ul> <a class="browse" href="/collection/1775-fse-themes">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1557"> <div class="collection-head no-desc "> <h2><a href="/collection/1557-neve">Neve</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/946-neve-doc"><i class="icon-article-doc"></i><span>Neve Documentation</span></a></li> <li><a href="/article/1314-global-colors-in-neve"><i class="icon-article-doc"></i><span>Global Colors in Neve</span></a></li> <li><a href="/article/1029-neve-pro-documentation"><i class="icon-article-doc"></i><span>Neve Pro Documentation</span></a></li> <li><a href="/article/985-how-to-create-a-child-theme-for-neve"><i class="icon-article-doc"></i><span>How to create a child theme for Neve</span></a></li> <li><a href="/article/1354-neve-template-cloud-library"><i class="icon-article-doc"></i><span>Templates Cloud Library</span></a></li> <li><a href="/article/1210-how-to-enable-the-add-to-cart-button-on-the-shop-page-in-neve"><i class="icon-article-doc"></i><span>How to enable the Add to Cart button on the Shop page in Neve</span></a></li> <li><a href="/article/1058-woocommerce-booster-documentation"><i class="icon-article-doc"></i><span>WooCommerce Booster Module Documentation</span></a></li> <li><a href="/article/1250-neve-header-builder"><i class="icon-article-doc"></i><span>Neve Header Builder</span></a></li> <li><a href="/article/964-neve-mega-menu-setup"><i class="icon-article-doc"></i><span>Neve Mega Menu Setup</span></a></li> <li><a href="/article/1157-starter-sites-library-import-is-not-working"><i class="icon-article-doc"></i><span>Starter sites library import is not working</span></a></li> </ul> <a class="browse" href="/collection/1557-neve">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1546"> <div class="collection-head no-desc "> <h2><a href="/collection/1546-hestia">Hestia</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/753-hestia-doc"><i class="icon-article-doc"></i><span>Hestia Documentation</span></a></li> <li><a href="/article/532-hestia-pro-documentation"><i class="icon-article-doc"></i><span>Hestia Pro Documentation</span></a></li> <li><a href="/article/921-big-title-background-options-in-hestia-pro"><i class="icon-article-doc"></i><span>How to Customize Big Title Background Options in Hestia?</span></a></li> <li><a href="/article/654-how-to-hide-footer-copyright-credits-in-hestia"><i class="icon-article-doc"></i><span>How to hide footer copyright credits in Hestia?</span></a></li> <li><a href="/article/562-how-to-remove-opacity-in-hestia"><i class="icon-article-doc"></i><span>How to Remove Opacity/Overlay in Hestia Header and Sections</span></a></li> <li><a href="/article/656-how-to-create-a-child-theme-for-hestia"><i class="icon-article-doc"></i><span>How to create a child theme for Hestia</span></a></li> <li><a href="/article/681-how-to-add-a-custom-section-to-hestia"><i class="icon-article-doc"></i><span>How to add a custom section to Hestia</span></a></li> <li><a href="/article/320-how-to-increase-theme-logo-size"><i class="icon-article-doc"></i><span>How to Increase Theme Logo Size</span></a></li> <li><a href="/article/647-what-is-the-difference-between-hestia-and-hestia-pro"><i class="icon-article-doc"></i><span>What is the Difference Between Hestia and Hestia PRO?</span></a></li> <li><a href="/article/442-how-to-change-hamburger-menu-color-dropdown-color-on-mobile-in-zerif"><i class="icon-article-doc"></i><span>How to Change Hamburger Menu Color & Dropdown color on mobile in Zelle</span></a></li> </ul> <a class="browse" href="/collection/1546-hestia">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1569"> <div class="collection-head no-desc "> <h2><a href="/collection/1569-feedzy-rss-feeds">Feedzy RSS Feeds</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1689-how-to-use-the-spintax-service-in-feedzy"><i class="icon-article-doc"></i><span>How to use the Spintax service in Feedzy</span></a></li> <li><a href="/article/1089-how-to-display-author-date-or-time-from-the-feed"><i class="icon-article-doc"></i><span>How to display author, date, time (or a mix of them) from the feed</span></a></li> <li><a href="/article/1119-feedzy-rss-feeds-documentation"><i class="icon-article-doc"></i><span>Feedzy RSS Feeds Documentation</span></a></li> <li><a href="/article/1154-how-to-use-feed-to-post-feature-in-feedzy"><i class="icon-article-doc"></i><span>How to use Feed to Post feature in Feedzy</span></a></li> <li><a href="/article/716-feedzy-how-to-check-whether-the-rss-feed-is-valid-or-not"><i class="icon-article-doc"></i><span>How to check whether the RSS feed is valid or not in Feedzy</span></a></li> <li><a href="/article/1130-how-to-use-feedzy-with-a-shortcode"><i class="icon-article-doc"></i><span>How to use Feedzy with a shortcode</span></a></li> <li><a href="/article/799-how-to-find-feed-url-for-feedzy-rss-feeds"><i class="icon-article-doc"></i><span>How to find an RSS Feed URL to use with Feedzy RSS Feeds</span></a></li> <li><a href="/article/942-in-feedzy-how-do-i"><i class="icon-article-doc"></i><span>In Feedzy how do I...</span></a></li> <li><a href="/article/977-how-do-i-extract-values-from-custom-tags-in-feedzy"><i class="icon-article-doc"></i><span>How do I extract values from custom tags in Feedzy?</span></a></li> <li><a href="/article/1155-feedzy-troubleshooting-guide"><i class="icon-article-doc"></i><span>Feedzy Troubleshooting Guide</span></a></li> </ul> <a class="browse" href="/collection/1569-feedzy-rss-feeds">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1560"> <div class="collection-head no-desc "> <h2><a href="/collection/1560-visualizer-charts-and-graphs">Visualizer: Charts and Graphs </a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/885-how-to-display-both-value-and-percentage-in-slice-of-pie-chart"><i class="icon-article-doc"></i><span>How to display both value and percentage in slice of Pie Chart</span></a></li> <li><a href="/article/428-visualizer-charts-and-graphs-documentation"><i class="icon-article-doc"></i><span>Visualizer: Charts and Graphs Documentation</span></a></li> <li><a href="/article/607-how-can-i-populate-data-from-google-spreadsheet"><i class="icon-article-doc"></i><span>How can I populate data from Google Spreadsheet?</span></a></li> <li><a href="/article/597-create-chart"><i class="icon-article-doc"></i><span>How can I create a chart?</span></a></li> <li><a href="/article/1052-how-to-generate-charts-from-json-data-rest-endpoints"><i class="icon-article-doc"></i><span>How to generate charts from JSON data/REST endpoints</span></a></li> <li><a href="/article/728-manual-configuration"><i class="icon-article-doc"></i><span>Manual Configuration</span></a></li> <li><a href="/article/605-how-can-i-populate-chart-series-and-data-dynamically"><i class="icon-article-doc"></i><span>Visualizer: How to populate chart series and data dynamically</span></a></li> <li><a href="/article/674-how-to-automatically-sync-charts-with-online-files"><i class="icon-article-doc"></i><span>How to automatically sync charts with online files</span></a></li> <li><a href="/article/673-how-to-create-charts-from-your-wordpress-posts"><i class="icon-article-doc"></i><span>How to create charts from your WordPress posts</span></a></li> <li><a href="/article/908-how-to-add-animations-to-charts-in-visualizer"><i class="icon-article-doc"></i><span>How to add animations to charts in Visualizer</span></a></li> </ul> <a class="browse" href="/collection/1560-visualizer-charts-and-graphs">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1572"> <div class="collection-head no-desc "> <h2><a href="/collection/1572-multiple-pages-generator">Multiple Pages Generator</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1466-how-to-generate-a-list-of-mpg-pages"><i class="icon-article-doc"></i><span>How to Generate a List of MPG Pages?</span></a></li> <li><a href="/article/1527-multiple-page-generator-documentation"><i class="icon-article-doc"></i><span>MPG - The Multiple Page Generator Documentation</span></a></li> <li><a href="/article/1460-how-to-generate-a-sitemap"><i class="icon-article-doc"></i><span>How to Generate a Sitemap?</span></a></li> <li><a href="/article/1445-why-are-my-pages-not-being-indexed"><i class="icon-article-doc"></i><span>Why are my pages not being indexed?</span></a></li> <li><a href="/article/1459-how-to-randomize-content-using-spintax"><i class="icon-article-doc"></i><span>How to Randomize Content Using Spintax and Nested Spintax in MPG?</span></a></li> <li><a href="/article/1463-how-do-i-split-my-generated-list-into-columns"><i class="icon-article-doc"></i><span>How Do I Split My Generated List into Columns?</span></a></li> <li><a href="/article/1441-encountering-404-page-not-found"><i class="icon-article-doc"></i><span>Encountering 404 – Page Not Found</span></a></li> <li><a href="/article/1442-how-to-add-a-shortcode-to-my-template"><i class="icon-article-doc"></i><span>How to Add a Shortcode to My Template?</span></a></li> <li><a href="/article/1443-500-internal-server-error"><i class="icon-article-doc"></i><span>500 – Internal Server Error</span></a></li> <li><a href="/article/1449-what-are-the-applicable-use-cases-for-mpg"><i class="icon-article-doc"></i><span>What are the Applicable Use Cases for MPG?</span></a></li> </ul> <a class="browse" href="/collection/1572-multiple-pages-generator">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1563"> <div class="collection-head no-desc "> <h2><a href="/collection/1563-otter---page-builder-blocks-extensions">Otter - Page Builder Blocks & Extensions</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1478-otter-blocks-documentation"><i class="icon-article-doc"></i><span>Otter Blocks documentation</span></a></li> <li><a href="/article/1674-form-blocks"><i class="icon-article-doc"></i><span>Form Blocks</span></a></li> <li><a href="/article/1529-block-sticky"><i class="icon-article-doc"></i><span>The Sticky Feature - Otter Blocks Library</span></a></li> <li><a href="/article/1487-whats-the-difference-between-otter-free-and-otter-neve-pro"><i class="icon-article-doc"></i><span>What's the difference between Otter Free and Otter Pro?</span></a></li> <li><a href="/article/1668-image-related-blocks"><i class="icon-article-doc"></i><span>Image / Animation - Related Blocks</span></a></li> <li><a href="/article/1530-posts-block"><i class="icon-article-doc"></i><span>The Posts Block</span></a></li> <li><a href="/article/1551-the-popup-block-otter-blocks-library"><i class="icon-article-doc"></i><span>The Popup Block</span></a></li> <li><a href="/article/1916-how-to-generate-an-openai-api-key"><i class="icon-article-doc"></i><span>How to Generate an OpenAI API key?</span></a></li> <li><a href="/article/1672-accessibility-blocks"><i class="icon-article-doc"></i><span>Layout - Related Blocks</span></a></li> <li><a href="/article/1550-otter-pro-documentation"><i class="icon-article-doc"></i><span>Otter Pro documentation</span></a></li> </ul> <a class="browse" href="/collection/1563-otter---page-builder-blocks-extensions">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1695"> <div class="collection-head no-desc "> <h2><a href="/collection/1695-product-option-manager">Product Option Manager </a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1700-personalized-product-meta-manager"><i class="icon-article-doc"></i><span>PPOM - Personalized Product Option Manager</span></a></li> <li><a href="/article/1702-ppom-pro-input-types"><i class="icon-article-doc"></i><span>PPOM Pro Input Types</span></a></li> <li><a href="/article/1701-ppom-free-input-types"><i class="icon-article-doc"></i><span>PPOM Free Input Types</span></a></li> <li><a href="/article/1703-how-to-install-ppom-free-and-pro-version"><i class="icon-article-doc"></i><span>How to install PPOM free and pro version?</span></a></li> <li><a href="/article/1801-what-is-the-difference-between-ppom-free-and-ppom-pro"><i class="icon-article-doc"></i><span>What is the Difference between PPOM Free and PPOM PRO?</span></a></li> <li><a href="/article/1758-how-to-configure-the-texter-input-in-ppom"><i class="icon-article-doc"></i><span>How to Configure the Personalization Preview Input in PPOM?</span></a></li> <li><a href="/article/1793-how-to-enable-the-cart-edit-in-ppom"><i class="icon-article-doc"></i><span>How to Enable the Cart Edit in PPOM?</span></a></li> <li><a href="/article/1800-how-to-configure-the-image-dropdown-input"><i class="icon-article-doc"></i><span>How to configure the Image Dropdown Input?</span></a></li> <li><a href="/article/1804-how-to-configure-the-conditional-images-input-in-ppom"><i class="icon-article-doc"></i><span>How to Configure the Conditional Images Input in PPOM?</span></a></li> <li><a href="/article/1799-how-to-configure-the-chained-input"><i class="icon-article-doc"></i><span>How to Configure the Chained Input?</span></a></li> </ul> <a class="browse" href="/collection/1695-product-option-manager">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1626"> <div class="collection-head no-desc "> <h2><a href="/collection/1626-sparks">Sparks</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1359-variation-swatches-for-woocommerce-in-neve"><i class="icon-article-doc"></i><span>The Variation Swatches Module - Sparks</span></a></li> <li><a href="/article/1508-tabs-manager-for-woocommerce-products-in-neve"><i class="icon-article-doc"></i><span>The Product Tabs Manager Module - Sparks</span></a></li> <li><a href="/article/1365-comparison-table-in-neve"><i class="icon-article-doc"></i><span>The Products Comparison Module - Sparks</span></a></li> <li><a href="/article/1386-multi-announcement-bars-in-neve"><i class="icon-article-doc"></i><span>The Multi-Announcement Bars Module - Sparks</span></a></li> <li><a href="/article/1509-custom-thank-you-page-for-woocommerce-in-neve"><i class="icon-article-doc"></i><span>The Custom Thank You Pages Module - Sparks</span></a></li> <li><a href="/article/1479-advanced-product-review-in-neve"><i class="icon-article-doc"></i><span>The Advanced Product Reviews Module - Sparks</span></a></li> <li><a href="/article/1656-sparks-documentation"><i class="icon-article-doc"></i><span>Sparks Documentation</span></a></li> <li><a href="/article/1662-how-to-install-and-activate-sparks"><i class="icon-article-doc"></i><span>How to install and activate Sparks</span></a></li> <li><a href="/article/1622-the-wish-list-module-sparks"><i class="icon-article-doc"></i><span>The Product Wishlist Module - Sparks</span></a></li> <li><a href="/article/1621-the-quick-view-module-sparks"><i class="icon-article-doc"></i><span>The Product Quick View Module - Sparks</span></a></li> </ul> <a class="browse" href="/collection/1626-sparks">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1566"> <div class="collection-head no-desc "> <h2><a href="/collection/1566-orbit-fox">Orbit Fox</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/951-orbit-fox-documentation"><i class="icon-article-doc"></i><span>Orbit Fox Documentation</span></a></li> <li><a href="/article/1311-custom-fonts-orbit-fox-module"><i class="icon-article-doc"></i><span>Custom fonts - Orbit Fox module</span></a></li> <li><a href="/article/1270-social-sharing-icons-orbit-fox-module"><i class="icon-article-doc"></i><span>Social Sharing Icons - Orbit Fox module</span></a></li> <li><a href="/article/1277-header-footer-scripts-orbit-fox-module"><i class="icon-article-doc"></i><span>Header Footer Scripts - Orbit Fox module</span></a></li> <li><a href="/article/1273-menu-icons-orbit-fox-module"><i class="icon-article-doc"></i><span>Menu Icons - Orbit Fox module</span></a></li> <li><a href="/article/1275-gutenberg-blocks-orbit-fox-module"><i class="icon-article-doc"></i><span>Gutenberg Blocks - Orbit Fox module</span></a></li> <li><a href="/article/1296-policy-notice-orbit-fox-module"><i class="icon-article-doc"></i><span>Policy Notice - Orbit Fox module</span></a></li> <li><a href="/article/1274-template-directory-orbit-fox-module"><i class="icon-article-doc"></i><span>Template Directory - Orbit Fox module</span></a></li> <li><a href="/article/1276-mystock-photos-orbit-fox-module"><i class="icon-article-doc"></i><span>Mystock Photos - Orbit Fox module</span></a></li> <li><a href="/article/1523-page-builder-widgets-orbit-fox-module"><i class="icon-article-doc"></i><span>Page Builder Widgets - Orbit Fox module</span></a></li> </ul> <a class="browse" href="/collection/1566-orbit-fox">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-2014"> <div class="collection-head no-desc "> <h2><a href="/collection/2014-redirection-for-contact-form-7">Redirection for Contact Form 7</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/2018-using-conditional-logic-redirect-for-contact-form-7"><i class="icon-article-doc"></i><span>Using Conditional Logic Redirect for Contact Form 7</span></a></li> <li><a href="/article/2020-using-contact-form-7-thank-you-popup"><i class="icon-article-doc"></i><span>Using Contact Form 7 Thank You Popup</span></a></li> <li><a href="/article/2024-using-contact-form-7-to-api-pardot-integration"><i class="icon-article-doc"></i><span>Using Contact Form 7 to API – Pardot Integration</span></a></li> <li><a href="/article/2022-using-salesforce-integration-integrate-contact-form-7-to-salesforces"><i class="icon-article-doc"></i><span>Using Salesforce Integration – Integrate Contact Form 7 to Salesforces</span></a></li> <li><a href="/article/2021-using-contact-form-7-to-mailchimp-integration"><i class="icon-article-doc"></i><span>Using Contact Form 7 to Mailchimp Integration</span></a></li> <li><a href="/article/2023-using-contact-form-7-to-api-activecampaign"><i class="icon-article-doc"></i><span>Using Contact Form 7 to API – ActiveCampaign</span></a></li> <li><a href="/article/2063-activate-premium-addons-of-rcf-7"><i class="icon-article-doc"></i><span>How to install and activate premium addons of Redirection for Contact Form 7</span></a></li> <li><a href="/article/2047-redirection-for-contact-form-7-documentation"><i class="icon-article-doc"></i><span>Redirection for Contact Form 7 Documentation</span></a></li> <li><a href="/article/2017-troubleshooting-salesforce-integration"><i class="icon-article-doc"></i><span>Troubleshooting Salesforce Integration</span></a></li> </ul> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-92"> <div class="collection-head"> <h2><a href="/collection/92-faqs">FAQs</a></h2> <p>Frequently Asked Questions</p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/1109-how-can-i-get-support-for-free-products"><i class="icon-article-doc"></i><span>How can I get support for free products</span></a></li> <li><a href="/article/244-will-i-lose-my-customizations-if-i-upgrade-to-the-pro-version-of-the-theme"><i class="icon-article-doc"></i><span>Will I lose my customizations if I upgrade to the Pro version of the theme?</span></a></li> <li><a href="/article/27-do-you-offer-customization-services"><i class="icon-article-doc"></i><span>Do you offer customization services?</span></a></li> <li><a href="/article/1076-what-happens-if-i-do-not-renew-my-license-key"><i class="icon-article-doc"></i><span>What happens if I do not renew my subscription</span></a></li> <li><a href="/article/1146-support-policy"><i class="icon-article-doc"></i><span>Support Policy</span></a></li> <li><a href="/article/830-what-to-do-after-i-purchase-product-from-themeisle"><i class="icon-article-doc"></i><span>What to do after I purchase a product from Themeisle?</span></a></li> <li><a href="/article/1293-how-to-upgrade-my-subscription"><i class="icon-article-doc"></i><span>How to upgrade my subscription</span></a></li> <li><a href="/article/1532-how-to-reset-the-password-of-the-themeisle-account"><i class="icon-article-doc"></i><span>How to reset the password of the ThemeIsle account</span></a></li> <li><a href="/article/1782-where-can-i-send-a-partnership-offer"><i class="icon-article-doc"></i><span>Where Can I Send a Partnership Offer?</span></a></li> </ul> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-959"> <div class="collection-head"> <h2><a href="/collection/959-billing">Billing</a></h2> <p>Billing and Account related Questions</p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/255-how-to-activate-your-license-key"><i class="icon-article-doc"></i><span>How to activate your license key</span></a></li> <li><a href="/article/26-we-recommend-yearly-membership"><i class="icon-article-doc"></i><span>Why do we recommend a yearly membership?</span></a></li> <li><a href="/article/233-how-to-manage-your-website-licenses"><i class="icon-article-doc"></i><span>How to manage your website licenses</span></a></li> <li><a href="/article/1104-how-to-update-payment-details"><i class="icon-article-doc"></i><span>How To Update Payment Details</span></a></li> <li><a href="/article/69-why-is-my-license-key-invalid"><i class="icon-article-doc"></i><span>Why Is My License Key Invalid?</span></a></li> <li><a href="/article/828-how-to-cancel-my-subscription"><i class="icon-article-doc"></i><span>How to cancel my subscription</span></a></li> <li><a href="/article/844-cannot-log-in-how-to-access-your-account"><i class="icon-article-doc"></i><span>Cannot log in / How to access your account</span></a></li> <li><a href="/article/792-how-to-request-a-refund"><i class="icon-article-doc"></i><span>How to request a refund</span></a></li> <li><a href="/article/234-how-to-download-your-invoice"><i class="icon-article-doc"></i><span>How to download my invoice</span></a></li> <li><a href="/article/1209-reactivating-the-license-key-after-upgrade"><i class="icon-article-doc"></i><span>Reactivating the license key after upgrade</span></a></li> </ul> <a class="browse" href="/collection/959-billing">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-1578"> <div class="collection-head no-desc "> <h2><a href="/collection/1578-bundled-products">Bundled Products</a></h2> <p></p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/87-zerif-pro-documentation"><i class="icon-article-doc"></i><span>Zelle Pro Documentation</span></a></li> <li><a href="/article/33-how-to-link-menus-to-sections-in-zerif"><i class="icon-article-doc"></i><span>How to link Menu to Sections in Zelle</span></a></li> <li><a href="/article/13-replacing-big-title-section-with-an-image-slider"><i class="icon-article-doc"></i><span>How to replace Big Title section with an image slider in Zelle</span></a></li> <li><a href="/article/1106-check-our-latest-theme"><i class="icon-article-doc"></i><span>Check our latest theme</span></a></li> <li><a href="/article/829-how-to-remove-zoom-hover-effect"><i class="icon-article-doc"></i><span>How to remove Zoom hover effect</span></a></li> <li><a href="/article/190-zerif-how-to-change-the-leave-a-reply-text"><i class="icon-article-doc"></i><span>[Zelle] How to change the "Leave a Reply" text</span></a></li> <li><a href="/article/680-how-to-remove-bookmark-the-permalink-in-zerif"><i class="icon-article-doc"></i><span>How to remove 'Bookmark the Permalink' text in Zelle</span></a></li> <li><a href="/article/318-shopisle-pro-documentation"><i class="icon-article-doc"></i><span>ShopIsle Pro Documentation</span></a></li> <li><a href="/article/36-how-to-change-section-anchor-in-zerif"><i class="icon-article-doc"></i><span>How to change section anchor in Zelle</span></a></li> <li><a href="/article/8-adding-new-social-icons-to-zelle-footer"><i class="icon-article-doc"></i><span>How to add new social icons to Zelle footer</span></a></li> </ul> <a class="browse" href="/collection/1578-bundled-products">Browse all articles</a> </div><!-- /collection-body --> </section><!--collection--> <section class="collection" id="collection-96"> <div class="collection-head"> <h2><a href="/collection/96-themes-plugins">Themes & Plugins</a></h2> <p>Theme/plugin options and installation</p> </div><!-- /collection-head --> <div class="collection-body"> <ul class="popArticles"> <li><a href="/article/2058-defer-js"><i class="icon-article-doc"></i><span>Defer JS</span></a></li> <li><a href="/article/2077-super-page-cache-cloudflare-permissions"><i class="icon-article-doc"></i><span>Super Page Cache Cloudflare Permissions</span></a></li> <li><a href="/article/2057-delay-js"><i class="icon-article-doc"></i><span>Delay JS</span></a></li> <li><a href="/article/2068-how-to-translate-themeisle-themes-and-plugins-in-your-own-language"><i class="icon-article-doc"></i><span>How to translate Themeisle themes and plugins in your own language?</span></a></li> <li><a href="/article/2067-where-to-find-example-of-sites-using-our-products"><i class="icon-article-doc"></i><span>Where to find example of sites using our products?</span></a></li> <li><a href="/article/2078-ppom-api-documentation"><i class="icon-article-doc"></i><span>PPOM API Documentation</span></a></li> </ul> </div><!-- /collection-body --> </section><!--collection--> </section><!--threeCol--> <footer class="center"> <p>© <a href="https://themeisle.com/">Vertigo Studio SA</a> 2024. <span>Powered by <a rel="nofollow noopener noreferrer" href="https://www.helpscout.com/docs-refer/?co=Vertigo+Studio+SA&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', 'a69940e8-43f6-4f74-a45b-7a08674d42b4')</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>