CINXE.COM
Getting Started - Krystal Hosting Knowledge Base
<!DOCTYPE html> <html lang="en"> <head> <title>Getting Started - Krystal Hosting Knowledge Base</title> <meta name="description" content="Discover how to get started with Krystal and find valuable and useful information using our Krystal Knowledge Base."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="https://files.helpdocs.io/8nzbvyta9f/favicon.svg"> <link rel="canonical" href="https://help.krystal.io/getting-started"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/highlightjs-github-gist.min.css?v=1742998337"> <!-- [Begin] HelpDocs Required Additions --> <script src="https://cdn.helpdocs.io/js/jquery.min.js?v=1565690126"></script> <script src="https://cdn.helpdocs.io/js/tether.min.js?v=1565690126"></script> <script src="https://cdn.helpdocs.io/js/bootstrap.min.js?v=1565690126"></script> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/bootstrap.min.css?v=1565690126"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/font-awesome.min.css?v=1565690126"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/tether.min.css?v=1565690126"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/glyphicons.css?v=1565690126"> <!-- [End] HelpDocs Required Additions --> <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" type="text/css" rel="stylesheet"><script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" type="text/javascript"></script><script type="text/javascript"> (function() { $(function() { $('#article img').each(function() { $(this).wrap('<a></a>'); $(this).parent().addClass('lightbox').attr('href', $(this).attr('src')); }); $('.lightbox').magnificPopup({ type: 'image', closeOnContentClick: true, mainClass: 'mfp-img-mobile', image: { verticalFit: true } }); }); })();</script> <!-- Google tag manager --> <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-T6LWQLRB'); </script> <script> /* Method to remove potential duplicated articles */ (function() { $(function() { var seenURLs = []; var removeEls = []; $('.article-title-link').each(function(i, el) { var url = $(this).attr('href'); if (seenURLs.indexOf(url) > -1) { removeEls.push(el); return; } seenURLs.push(url); }); for (var i = 0; i < removeEls.length; i++) { $(removeEls[i]).remove(); } }); })(); /* * @name DoubleScroll * @desc displays scroll bar on top and on the bottom of the div * @requires jQuery * * @author Pawel Suwala - http://suwala.eu/ * @author Antoine Vianey - http://www.astek.fr/ * @version 0.5 (11-11-2015) * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Usage: * https://github.com/avianey/jqDoubleScroll */ (function( $ ) { jQuery.fn.doubleScroll = function(userOptions) { // Default options var options = { contentElement: undefined, // Widest element, if not specified first child element will be used scrollCss: { 'overflow-x': 'auto', 'overflow-y': 'hidden', 'height': '20px' }, contentCss: { 'overflow-x': 'auto', 'overflow-y': 'hidden' }, onlyIfScroll: true, // top scrollbar is not shown if the bottom one is not present resetOnWindowResize: false, // recompute the top ScrollBar requirements when the window is resized timeToWaitForResize: 30 // wait for the last update event (usefull when browser fire resize event constantly during ressing) }; $.extend(true, options, userOptions); // do not modify // internal stuff $.extend(options, { topScrollBarMarkup: '<div class="doubleScroll-scroll-wrapper"><div class="doubleScroll-scroll"></div></div>', topScrollBarWrapperSelector: '.doubleScroll-scroll-wrapper', topScrollBarInnerSelector: '.doubleScroll-scroll' }); var _showScrollBar = function($self, options) { if (options.onlyIfScroll && $self.get(0).scrollWidth <= $self.width()) { // content doesn't scroll // remove any existing occurrence... $self.prev(options.topScrollBarWrapperSelector).remove(); return; } // add div that will act as an upper scroll only if not already added to the DOM var $topScrollBar = $self.prev(options.topScrollBarWrapperSelector); if ($topScrollBar.length == 0) { // creating the scrollbar // added before in the DOM $topScrollBar = $(options.topScrollBarMarkup); $self.before($topScrollBar); // apply the css $topScrollBar.css(options.scrollCss); $(options.topScrollBarInnerSelector).css("height", "20px"); $self.css(options.contentCss); // bind upper scroll to bottom scroll $topScrollBar.bind('scroll.doubleScroll', function() { $self.scrollLeft($topScrollBar.scrollLeft()); }); // bind bottom scroll to upper scroll var selfScrollHandler = function() { $topScrollBar.scrollLeft($self.scrollLeft()); }; $self.bind('scroll.doubleScroll', selfScrollHandler); } // find the content element (should be the widest one) var $contentElement; if (options.contentElement !== undefined && $self.find(options.contentElement).length !== 0) { $contentElement = $self.find(options.contentElement); } else { $contentElement = $self.find('>:first-child'); } // set the width of the wrappers $(options.topScrollBarInnerSelector, $topScrollBar).width($contentElement.outerWidth()); $topScrollBar.width($self.width()); $topScrollBar.scrollLeft($self.scrollLeft()); } return this.each(function() { var $self = $(this); _showScrollBar($self, options); // bind the resize handler // do it once if (options.resetOnWindowResize) { var id; var handler = function(e) { _showScrollBar($self, options); }; $(window).bind('resize.doubleScroll', function() { // adding/removing/replacing the scrollbar might resize the window // so the resizing flag will avoid the infinite loop here... clearTimeout(id); id = setTimeout(handler, options.timeToWaitForResize); }); } }); } }( jQuery )); $(document).ready(function() { $('.double-scroll').doubleScroll(); }); </script> <style> @import url('https://cdn.krystal.io/fonts/email-fonts.css'); /* General */ details { background-color: #e398ea; border-radius: 25px; padding: 10px;. } body { background: #F6F7F9; min-height: 100%; overflow-x: hidden; font-family: 'Borna', sans-serif; font-weight: 400; font-style: normal; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "pnum"; font-feature-settings: "pnum"; font-variant-numeric: proportional-nums; color: #4D5A6D; } .category-title { color: #FFFFFF; background: #182229; padding: 1px 5px; font-size: 0.8em; display: inline-block; border-radius: 3px; font-weight: normal; } header>.container-fluid { margin: 0; padding: 0; } .large-heading-text { font-weight: 600; margin-bottom: 1em; } .hvr-card { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; overflow-x: hidden; transition: box-shadow 0.5s ease; margin-bottom: 2rem; } .hvr-card:hover { box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10) } .card-block { padding: 1em 1em 0em 1em; min-height: 270px; } a.card-link > .card-block { display: flex; flex-direction: column; } a.card-link .card-description { flex-grow: 1; } #article a { color: #3E4856 !important; } #home .card-block { min-height: 435px; } #related .card-block, #search-articles .card-block { min-height: 0px !important; } .card-title { font-size: 20px; color: #182229; /* CHANGE TO DYNAMIC */ } .card-link:hover { text-decoration: none; } .card-link:focus { text-decoration: none; } .card-description { color: #4D5A6D; line-height: 20px; font-size: 14px; } .small-capital-text { font-size: 0.9rem; font-weight: 600; color: #4D5A6D; text-transform: uppercase; } .small-capital-text a { color: #4D5A6D; /* CHANGE TO DYNAMIC */ text-decoration: none; } .author-text span:first-of-type { padding-left: 0.5em; } .author-text { border-top: 1px solid rgba(0, 0, 0, 0.06); padding-top: 1em; } .card-link p.author-text { margin-bottom: 0; } .author-image { max-height: 30px; display: inline-block; border-radius: 4px; border: 2px solid white; } .author-image:not(:first-of-type) { margin-left: -10px; } /* Header Navigation Bar */ .top-bar{ background: #1e1b3d; color: #fff; padding-bottom: 8px; padding-top: 8px; font-size: 0.8em; } .top-bar-title{ color: hsla(0,0%,100%,.5); font-weight: bold; } /* Header */ @media only screen and (min-device-width: 320px) { .navbar { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 481px) { .navbar { margin-left: -30px; margin-right: -30px; } } .bg-faded { height: 170px; background-color: #FF519E; /* CHANGE TO DYNAMIC */ padding: 30px 45px; } .navbar-brand>span { color: white; /* CHANGE TO DYNAMIC */ font-weight: 600; } .nav-items { float: right; } @media only screen and (min-device-width: 0px) and (max-device-width: 480px) { li.custom-link, li.statuspage { display: none; } } .navbar-light .navbar-nav .nav-link { color: rgba(255, 255, 255, .7); /* CHANGE TO DYNAMIC */ transition: color 0.25s ease; } .navbar-light .navbar-nav .nav-link:hover { color: rgba(255, 255, 255); /* CHANGE TO DYNAMIC */ } .btn.btn-primary.btn-contact { background-color: white; border: none; color: #3E4856; /* CHANGE TO DYNAMIC */ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); top: 0px; transition: box-shadow 0.5s ease; } .btn.btn-primary.btn-contact:hover { box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.10); } #lang-dropdown { text-transform: uppercase; background-color: white; color: #ff519e; /* CHANGE TO DYNAMIC */ padding: 0.3em 1em 0.3em 1em; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); transition: box-shadow 0.5s ease; } #lang-dropdown:hover { box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.10); } #lang-dropdown:before { width: 20px; content: ""; background-image: url('https://files.helpdocs.io/C40DJRPqlj/articles/uTwGKeIXki/1526803942629/world-icon-svg'); /* CHANGE TO DYNAMIC */ background-repeat: none; height: 20px; margin: 0.2em 0.5em 0 0; float: left; } .dropdown-menu { box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.10); border: none; } /* Search */ #instant-search input { margin-top: -2em; border-radius: 4px; padding: 1em; background-color: rgb(255, 255, 255); border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); -webkit-appearance: none; width: 100%; display: block; transition-property: box-shadow; transition-duration: .5s; transition-timing-function: ease; font-size: 1.3rem; } #instant-search input::placeholder { color: #111; } #instant-search input:focus { box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.20); -webkit-appearance: none; outline: none; caret-color: #FF519E; /* CHANGE TO DYNAMIC */ } #searchresults { margin-top: -0.2em; } #search-container .fa { float: right; margin-right: 1em; margin-top: -2em; font-size: 1.15em; position: relative; z-index: 2; color: grey; } #hits { background-color: white; padding: 0 1em; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 0 0 4px 4px; } .search-article-title { font-size: 20px; color: #3E4856; /* CHANGE TO DYNAMIC */ } .search-article-link:hover { text-decoration: none; } .search-article-link:focus { text-decoration: none; } .search-article-description { color: #4D5A6D; line-height: 20px; font-size: 14px; } .search-article-row:last-of-type hr { display: none; } /* Content */ #content { max-width: 1500px; display: block; margin: 0 auto; padding: 4em 0 0 0; } /* Categories */ #categories { margin-top: 2em; } #breadcrumbs { font-size: 14px; } #breadcrumbs a { margin-left: 3px; margin-right: 3px; } #breadcrumbs a:first-of-type { margin-left: 0; } .category-icon { max-height: 70px; color: #4D5A6D; /* CHANGE TO DYNAMIC */ padding-bottom: 1.15em; } /* Category page */ #subcategories { margin: 0em -12em 2em -12em; background-color: rgba(0, 0, 0, 0.02); border-radius: 4px; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 1em 11em; } #subcategories .card { margin-bottom: 1em; } /* Article */ .full-article-card { border: 0px solid rgba(0, 0, 0, 0); border-radius: 4px; padding: 1.5em 2em; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); background-color: white; width: 100%; max-width: 1000px; margin: 0 auto; /* Center align the element horizontally */ } .full-article-author-meta { background-color: rgba(0, 0, 0, 0.02); padding: 1em 2em; margin: 2em -2em; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .full-article-author-image { border-radius: 4px; max-height: 40px; display: inline-block; } #article .p:not(.meta), #article .card-block #htmlWithToc p:not(.meta) { font-size: 17px; } #article h3, h4, h5 { margin: 1.1em 0 0.5em 0; } #article table { margin: 2em -3em; display: block; overflow-x: auto; } #article thead { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } #article th { padding: 1em; text-align: left; font-weight: 600; } #article tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.02); } #article td { padding: 1em; border-right: 1px solid rgba(0, 0, 0, 0.06); font-size: 14px; min-width: 15em; } #article table>tbody>tr>td>pre { border-top: none; border-bottom: none; border-radius: 4px; margin: 0; padding: 1em; } #article ol { counter-reset: li; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 1rem; } #article ol>li { position: relative; margin: 0 0 6px 2em; padding: 0.3em 8px; list-style: none; } #article ol>li:before { /* color: #e80074; border-color: #ec0e79; background-color: #ffeaf4; */ color: #4D5A6D; border-color: #4D5A6D; background-color: #F6F7F9; content: counter(li); counter-increment: li; position: absolute; top: 0.1em; left: -2em; box-sizing: border-box; width: 1.5em; height: 1.5em; margin-right: 0.2em; margin-top: 0.4em; border-style: none; border-radius: 50%; line-height: 1.4em; text-align: center; } #article ol ol>li:before { content: counter(li, lower-latin); } #article ol ol ol>li:before { content: counter(li, lower-roman); } #article ul { list-style: none; padding: 0; font-size: 17px; margin: 1em 0; } #article ul>li { padding-left: 1em; text-indent: -.7em; } #article ul>li::before { content: "•"; padding-right: 0.25em; position: relative; top: 0.10em; font-size: 1.5em; /* color: #FF519E; */ color: #4D5A6D; } #article ul ul { margin: 0; } #article img { max-width: 100%; } #article pre { background-color: rgba(0, 0, 0, 0.03); padding: 2em 2em; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; overflow-x: auto; } #article pre:before { content: attr(data-content); display: table; clear: both; text-transform: uppercase; font-size: 10px; padding-bottom: 1em; font-weight: 700; color: rgba(0, 0, 0, 0.20); } #article .tip-callout { background-color: #ddf5ff; margin: 2em 0; padding: 1em 1em; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-left: 3em; text-indent: -3em; } #article .tip-callout:before { content: '\f075'; margin-right: .75em; font-family: FontAwesome; color: white; padding: 0.5em; background-color: #36c6fe; border-radius: 4px; display: initial; margin-left: 0.3em; } #article .tip-callout a { color: #0a769e; font-weight: bold; text-decoration: none; text-indent: initial; } #article .tip-callout a:hover { cursor: pointer; } #article .note-callout { background-color: #fff5dd; margin: 2em 0; padding: 1em 1em; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-left: 3em; text-indent: -3em; } #article .note-callout:before { content: '\f05a'; margin-right: .75em; font-family: FontAwesome; color: white; padding: 0.5em; background-color: #ffbc00; border-radius: 4px; display: initial; margin-left: 0.3em; } #article .note-callout a { color: #c1961d; font-weight: bold; text-decoration: none; text-indent: initial; } #article .note-callout a:hover { cursor: pointer; text-decoration: underline; } #article .warning-callout { background-color: #ffd8d8; margin: 2em 0; padding: 1em 1em; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-left: 3em; text-indent: -3em; } #article .warning-callout:before { content: '\f071'; margin-right: .75em; font-family: FontAwesome; color: white; padding: 0.5em; background-color: #ff0000; border-radius: 4px; display: initial; margin-left: 0.3em; } #article .warning-callout a { color: #b51212; font-weight: bold; text-decoration: none; text-indent: initial; } #article .warning-callout a:hover { cursor: pointer; } #article .inline-code { color: #383a3c; } #article blockquote { background-color: rgba(0, 0, 0, 0.03); margin: 2em -3em; padding: 2em 3em; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; overflow-x: auto; font-style: italic; } #article a { color: #3E4856; font-weight: 600; } #article a:after { content: '\00a0 \f08e'; font-family: FontAwesome; font-size: .75em; } #article #feedback { background-color: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; padding: 0em 1em 1em 1em; width: 100%; } #article a.lightbox:after, #breadcrumbs a:after { content: ''; } #article #feedback h3 { text-align: center; font-weight: 500; } #article #feedback .btn-group { width: 100%; } #article #feedback .btn-group .btn { width: 33%; opacity: 0.6; transition: opacity 0.5s ease; } #article #feedback .btn-group .btn:hover { opacity: 1; } #article #feedback .thanks { text-align: center; } #article #feedback i { display: block; } #article #related { text-align: center; background-color: rgba(0, 0, 0, 0.02); border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.06); padding: 0em 1em 1em 1em; } #article #related>ul { list-style: none; } #article #related>ul>li { padding-left: 0; } #article #related ul>li::before { display: none; } @media only screen and (min-width: 70em) #article #toc { position: fixed !important; width: 300px; top: 200px; left: 30px; max-height: 500px; overflow-y: scroll; } @media only screen and (min-width: 95em) { #article #toc { position: fixed !important; width: 300px !important; top: 200px !important; left: 30px !important; max-height: 500px !important; overflow-y: scroll !important; } } #article #toc { padding: 20px; margin-bottom: 1em; background-color: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; } #article #toc .card.responsive-toc { padding: 20px; margin-bottom: 1em; background-color: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; } #article #toc::before { font-size: 20px; font-weight: 600; } #article #toc ul { margin: 0; } #article #toc>ul li { margin-top: 0; list-style: none; /* color: #FF519E; */ color: #4D5A6D; } /* Contact Form */ #contact-modal .modal-content { border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); } #contact-modal .btn-primary { background-color: #182229; /* CHANGE TO DYNAMIC */ border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); } #contact-modal ul.ticket-deflection-results { list-style: none; padding-left: 5px; text-transform: uppercase; font-size: 0.8em; } /* Krystal Overrides */ #article ol > li br { display: block; width: 10px; height: 1px; content: ' '; margin-top: 10px; } body { font-size: 1.1em } a, a:hover { transition: all .3s; } /*#content { max-width: 1200px; }*/ /*#main {border-bottom:50px solid #333} #main:after {content: "© Krystal Hosting Ltd 2003–2019";position: absolute;color: #fff;font-size: 15px;left: 40px;margin-top: 12px;}*/ #header { height: 240px; /* Old styles background: #3a50b3; background: -moz-linear-gradient(45deg, #3a50b3 0%, #7c1d83 99%); background: -webkit-linear-gradient(45deg, #3a50b3 0%, #7c1d83 99%); background: linear-gradient(45deg, #3a50b3 0%, #7c1d83 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a50b3', endColorstr='#7c1d83', GradientType=1); */ background: #182229; position: relative; z-index: 10; } #header .nav-items { float: none; text-align: center; margin-top: 15px; font-size: 16px; } #header .navbar-nav .nav-item { float: none; display: inline } #header .navbar-nav .nav-item:last-child { display: none } .bg-faded { /* background-image: url(https://krystal.io/images/generic/tile_fragments_lg.png); */ background-color: transparent!important; height: 240px; } .logo { height: 335px; width: 41px; } .navbar-brand>span { display: none } .navbar-brand { float: none; display: block; margin: 0px auto 35px; background-image: url(https://cdn.krystal.io/img/helpdocs-logotype.svg); /* background-image: url(https://cdn.krystal.io/img/krystal_support_logo.svg); background-image: url(https://krystal.io/assets/images/support/logo_lrg_support.svg); */ max-width: 335px; height: 41px; background-repeat: no-repeat; transition: all .3s; } .navbar-brand:hover { opacity: .5; transition: all .3s; } .navbar-light .navbar-nav .nav-link { float: none; display: inline } .nav-link { background: rgba(0, 0, 0, .2); padding: 8px 15px; border-radius: 5px; color: #fff; font-size: 1.2rem; white-space: nowrap; } .nav-link:hover, .nav-link:focus { color: rgba(255, 255, 255); background: rgba(0, 0, 0, .5); transition: all .3s; } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(255, 255, 255); background: rgba(0, 0, 0, .5); transition: all .5s ease; } #instant-search input { border: 5px solid rgba(0, 0, 0, .05); border-radius: 50px; padding: 1em 1em 1em 2em; } #search-container .fa { margin-right: 1.4em; margin-top: -2.1em; } #hits { border-radius: 4px } .search-article { padding-top: 1em; } .search-article hr { margin-bottom: 0 } .card-link { transition: all .3s; } .card-link:hover { transition: all .3s; opacity: .5 } .card-block { padding: 1.5em; } .card-title { font-size: 22px; font-weight: 600; /* color: #5750A8; */ color: #182229; } #article a, .search-article-title { /* color: #5750A8; */ color: #182229; } body #footer>a { display: none!important } body { /* background-image: url("https://krystal.io/images/generic/tile_fragments_lg.png"); background-color: #fbfcfe; */ background-color: #F7F6F9; } b, strong { font-weight: 600; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, #article #feedback h3 { font-weight: 600; color: #182229; } .full-article-title { margin-bottom: 1em; } @media only screen and (max-width:768px) {} @media only screen and (max-width:576px) { .nav-link { padding: 5px 8px; font-size: 11px } .navbar-nav .nav-item+.nav-item { margin-left: 5px } .navbar-nav .nav-item+.nav-item:last-child { margin-left: 0 } } /*Lightbox CSS*/ .mfp-bg { z-index: 9999 !important; } .mfp-wrap { z-index: 10000 !important; } .lightbox:focus { outline: none !important; } html, body { height: 100% } footer { position: fixed; bottom: 0; left: 0; width: 100%; color: rgba(255, 255, 255, .5); padding: 10px 50px; background: rgba(0, 0, 0, .9); font-size: .8em; text-align: center; } #home .card-block .article-title-link:nth-child(n+6) { display: none; } .fa { font-size: 1rem; padding-right: 0.5rem; } .fa-circle { font-size: 0.8rem; } a.article-title-link { color: #444; } .small-capital-text a { /* color: #5750A8; */ color: #3E4856; } .category-label { display: inline-block; /* Keeps the box sized to the text */ background-color: #e0e0e0; /* Light grey background */ color: #333; /* Dark text color for contrast */ padding: 4px 8px; /* Space around the text */ border-radius: 4px; /* Rounded corners */ font-size: 0.9em; /* Slightly smaller font */ margin-top: 8px; /* Adds space above the label */ } #toc { margin-top: 2.25em; } #article div[*="callout"] a:hover { text-decoration: underline; !important } #article .card-block p:not(.meta), #article .card-block #htmlWithToc p:not(.meta), #article pre, #article td, #article ul { font-size: 1.1rem; } #article #feedback { min-height: max-content; } #article figure { margin: 2rem 0; } #article .full-article-author-meta a:after { content: ''; } #subcategory .card-block { min-height: 135px; } #article-card .card-block { display: flex; flex-direction: column; min-height: 250px; height: auto; } #search-container .fa { margin-right: 1em; margin-top: -2em; position: absolute; top: 30px; right: 20px; } footer { position: absolute; bottom: auto; } /* Columns Mobile responsive */ @media only screen and (max-width:840px) { .card-block { min-height: 465px; } #main { position: relative; } footer { position: absolute; bottom: 32px; } } @media only screen and (max-width:770px) { .card-block { min-height: 470px; } } @media only screen and (max-width:640px) { .card-block { min-height: 393px; } } @media only screen and (max-width:595px) { .card-block { min-height: 478px; } } @media only screen and (max-width:540px) { .card-block { min-height: 345px; } } table.doubleScroll-scroll-wrapper { margin:0 -3em !important; } /* Print CCS copied from Helpdiocs guide added by Mark West 200413 */ @media print { * { overflow: visible !important; } #content, #page { width: 100%; margin: 0; float: none; } @page { margin: 2cm } body { font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; background: #fff !important; color: #000; } h1 { font-size: 24pt; } h2, h3, h4 { font-size: 14pt; margin-top: 25px; } a { page-break-inside:avoid } blockquote { page-break-inside: avoid; } h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid } img { page-break-inside:avoid; page-break-after:avoid; } table, pre { page-break-inside:avoid; } ul, ol, dl { page-break-before:avoid; } a:link, a:visited, a { background: transparent; color: #520; font-weight: bold; text-decoration: underline; text-align: left; } a { page-break-inside:avoid } a[href^=http]:after { content:" <" attr(href) "> "; } $a:after > img { content: ""; } article a[href^="#"]:after { content: ""; } a:not(:local-link):after { content:" <" attr(href) "> "; } #footer a:after { content: ""; } = .entry iframe, ins { display: none; width: 0 !important; height: 0 !important; overflow: hidden !important; line-height: 0pt !important; white-space: nowrap; } .embed-youtube, .embed-responsive { position: absolute; height: 0; overflow: hidden; } #header, #related, #feedback, #breadcrumbs, #disqus_thread, .hd-admin-bar, hr { display: none; } p, address, li, dt, dd, blockquote { font-size: 100% } code, pre { font-family: "Courier New", Courier, mono; } ul, ol { list-style: square; margin-left: 18pt; margin-bottom: 20pt; } li { line-height: 1.6em; } } </style> <meta property="hd-render" content="hbs"> </head> <body data-article-id="undefined" data-category-id="sey519qf5v" data-search-term="undefined" data-original-search-term="undefined" data-search-result-count="undefined" data-language-code="" data-default-language-code="en" data-account-id="8nzbvyta9f" data-domain="help.krystal.io" data-home-path="/" data-search-placeholder="Help me with..." data-see-more-results-string="See more results" data-all-categories-string="All categories" data-category-title="Getting Started" data-no-articles-found-string="No articles found" > <div id="main" data-hd-template="customhbs"> <!--<div class="top-bar"> <div class="container"> <span class="top-bar-title">Sales:</span> 0208 050 1337 </div> </div>--> <div id="header"> <div class="container-fluid"> <nav class="navbar navbar-light bg-faded"> <a class="navbar-brand" href="/" aria-label="Back to home"> <span> <img class="img-responsive logo" src="https://files.helpdocs.io/8nzbvyta9f/logo.png?t=1669998786961"> Krystal Hosting </span> </a> <div class="spacer"></div> <div class="nav-items"> <ul class="nav navbar-nav"> <li class="nav-item custom-link"> <a class="nav-link" href="https://krystal.io/client/" target="_blank" rel="noopener"> Client Login </a> </li> <li class="nav-item custom-link"> <a class="nav-link" href="https://krystal.io/contact" target="_blank" rel="noopener"> Contact Us </a> </li> <li class="nav-item custom-link"> <a class="nav-link" href="https://krystal.io/" target="_blank" rel="noopener"> Back to Krystal </a> </li> <li class="nav-item"> <a id="contact-modal-trigger" class="btn btn-primary btn-contact nav-link" href="#" data-toggle="modal" data-target="#contact-modal" data-popup-trigger="contact-modal" >Contact</a> </li> </ul> </div> </nav> </div> <div id="search-container" class="container-fluid search-responsive"> <div class="row"> <div class="col-xs-12 col-md-6 offset-md-3"> <div id="instant-search"> <form action="/search" method="GET"> <input id="hd-query" name="query" placeholder="Help me with..." aria-label="Help me with"> </form> </div> <span class="fa fa-search"></span> </div> </div> </div> <div id="searchresults" class="container-fluid"> <div id="articles" class="row"> <div class="col-xs-12 col-md-6 offset-md-3 col-lg-6 offset-lg-3"> <div id="hits"></div> </div> </div> </div> </div> <div class="container-fluid"> <div id="content"> <div id="category"> <div id="meta" class="row"> <div class="col-xs-12 col-md-10"> <p id="breadcrumbs" class="small-capital-text"> <a href="/"> All Categories </a> > <span property="name">​Getting Started</span> </p> </div> </div> <div id="category-meta"> <div class="row"> <div class="col-xs"> <h3 class="category-title large-heading-text">Getting Started</h3> </div> </div> </div> <div id="subcategories" class="row flex-row"> <div class="col-xs-12 col-sm-6 col-md-4"> <a class="card-link" href="/krystal-identity"> <div id="subcategory" class="card hvr-card"> <div class="card-block"> <h3 class="card-title">Krystal Identity</h3> <p class="card-description">Introducing the new way for you to login to your Krystal account known as Krystal Identity!</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://files.helpdocs.io/8nzbvyta9f/other/1731067682878/1000027991.jpg"> <span> 3 articles by 1 author </span> </p> </div> </div> </a> </div> </div> <div id="articles" class="row flex-row"> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-login-to-my-krystal-client-area-using-identity"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> <i class="fa fa-star"></i> ​How do I login to my Krystal Client Area using Krystal Identity? </h3> <p class="card-description">Your Krystal Client area is not the same as your cPanel - which is where you actually configure your web hosting and email accounts. Find out more here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://files.helpdocs.io/8nzbvyta9f/other/1731067682878/1000027991.jpg"> <span> Updated 4 months ago </span> <span> by Tristan Payne </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-to-contact-support-and-what-details-to-provide"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> <i class="fa fa-star"></i> ​How to contact Krystal (sales & support) and what details to provide </h3> <p class="card-description">Contacting Support or Sales. We answer many common questions - both pre-sales and technical - in our Knowledge Base, so try a quick search there first.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-login-to-my-hosting-s-c-panel-control-panel"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> <i class="fa fa-star"></i> ​How do I login to my hosting's cPanel control panel? </h3> <p class="card-description">cPanel is where you configure the various features of your web hosting. Your cPanel login details are contained within your welcome email. cPanel can be accessed directly (via cPanel username and pas…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-much-cpu-and-ram-does-my-website-need"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> <i class="fa fa-star"></i> ​How much CPU and RAM does my website need? </h3> <p class="card-description">Trying to figure out which hosting plan you should purchase for your website can be a daunting task, particularly when you are just getting started. The most common questions that our support team an…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/do-you-offer-a-discount-for-charities"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Do you offer a discount for charities? </h3> <p class="card-description">We do things differently; our slogan is 'Honest, Reliable & Personal.' Since our inception, we’ve hosted charities for free and have supported many.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/krystal-hosting-plans-account-resource-limits"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Krystal hosting plans - account resource limits </h3> <p class="card-description">All Krystal Cloud & Unlimited unique website plans are for you to use to host your personal websites - we do not permit reselling on these plans.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 3 months ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/what-backups-do-i-get-with-my-account"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> What backups do I get with my account? </h3> <p class="card-description">All Krystal hosting plans include backups. The table below shows the frequency and number of restore points for each plan and whether Backup Pro is available.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://files.helpdocs.io/8nzbvyta9f/other/1638919096842/36883420-819416091589957-8706689472600735744-n.jpg"> <span> Updated 11 months ago </span> <span> by Jordan Jones </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-can-i-find-my-home-server-name"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How can I find my servers host name? </h3> <p class="card-description">The server's hostname is useful as it provides an alternate method of connecting to your hosting services. You can find help for your server hostname here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/all-about-our-free-domain-offers"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> All about our Free Domain offers </h3> <p class="card-description">A number of the Krystal hosting plans come with a free domain name. This article details the types of domains included and how long they're included for.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://files.helpdocs.io/8nzbvyta9f/other/1638919096842/36883420-819416091589957-8706689472600735744-n.jpg"> <span> Updated 8 months ago </span> <span> by Jordan Jones </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-login-to-my-webmail"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How do I login to my webmail? </h3> <p class="card-description">Webmail provides a quick and secure way to check your email using a web browser. If you're having trouble logging in, you may find a fix here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/monitoring-managing-your-disk-usage"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Monitoring & managing your disk usage </h3> <p class="card-description">Keeping your disk space in order will help you stay on the most cost-effective plan & regular monitoring can ensure that your websites stay optimised. Read more here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-setup-two-factor-authentication-2-fa-on-my-krystal-account"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How do I setup Two-Factor Authentication (2FA) in Krystal Identity? </h3> <p class="card-description">Whilst we recommend you set up Two-Factor authentication for your Krystal Client area - it is not mandatory to do so. Find out more information here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://files.helpdocs.io/8nzbvyta9f/other/1731067682878/1000027991.jpg"> <span> Updated 1 year ago </span> <span> by Tristan Payne </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/setting-an-account-security-question"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Setting an account security question </h3> <p class="card-description">We take the privacy of you and your data seriously, so it's important for us to be able to verify who we are speaking to when you contact us. Read more here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/i-m-unable-to-access-my-krystal-client-area"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> I'm unable to access my Krystal Client Area </h3> <p class="card-description">Why can't I log in and how do I fix it? There are several reasons why you may not be able to access your Krystal client area. Find out more here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/what-is-vps-hosting-and-is-it-right-for-me"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> What is VPS hosting and is it right for me? </h3> <p class="card-description">Since launching our Virtual Private Server Cloud platform we found that this upgrade is seen as an extension of our shared hosting platform. Read more here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/unlimited-hosting-vs-reseller-choosing-the-right-hosting-plan"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Unlimited hosting vs reseller – Choosing the right hosting plan </h3> <p class="card-description">This article is primarily aimed at people looking after several websites and who are unsure whether to run multiple websites from a single cPanel hosting account.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-change-my-hosting-package"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How do I change my hosting package? </h3> <p class="card-description">Your hosting plan can be upgraded at any time via your Krystal client area. Find out how you can upgrade within our help section here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-to-add-contacts-and-sub-accounts-to-your-krystal-client-area"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How to add Contacts and Sub-Accounts to your Krystal Client Area </h3> <p class="card-description">Contacts are added to allow additional people to receive copies of communications. Contacts can additionally be activated as sub-accounts, see how here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/340d085151f2aec074ac0ecbd8e406ff?d=mm&s=150"> <span> Updated 4 months ago </span> <span> by Adam Thacker </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-to-change-your-vps-root-password"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How to change your VPS root password </h3> <p class="card-description">Changing your VPS root password. The root password for your VPS is the same as your WHM and first cPanel account. See how this works here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/submitting-and-receiving-sensitive-data-in-a-support-ticket"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Submitting and receiving sensitive data in a support ticket </h3> <p class="card-description">There are likely to be occasions we will need to exchange sensitive data with you. We may ask you to send us some login details, find out what to expect here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-to-switch-from-composer-version-1-to-version-2"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How to switch from Composer Version 1 to Version 2 </h3> <p class="card-description">This guide applies to all users who have an active hosting service with a signup date on or before the following date: 06/10/2021. Get more support here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/my-accounts-been-suspended-what-can-i-do"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> My accounts been suspended - what can I do? </h3> <p class="card-description">We only suspend accounts when absolutely necessary. If you are seeing a message that says your website is temporarily offline, find out why yours may be suspended here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/what-support-is-included-with-my-hosting"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> What support is included with my hosting? </h3> <p class="card-description">This article details the scope of support we provide for our different hosting products. You can obtain support via several mediums. Read more here.</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://files.helpdocs.io/8nzbvyta9f/other/1638919096842/36883420-819416091589957-8706689472600735744-n.jpg"> <span> Updated 11 months ago </span> <span> by Jordan Jones </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-setup-two-factor-authentication-2-fa-on-my-whm-account"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How do I setup Two-Factor Authentication (2FA) on my WHM account </h3> <p class="card-description">What is Two-Factor Authentication (2FA)? Two-factor authentication adds an additional layer of security to WHM by adding a second step to your login. In addition to something you know (i.e. your exis…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-to-create-a-screen-recording"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How to Create a Screen Recording </h3> <p class="card-description">A screen recording captures everything happening on your screen in real-time, making it a valuable tool for sharing visual information. Whether you're creating tutorials, documenting software issues,…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/340d085151f2aec074ac0ecbd8e406ff?d=mm&s=150"> <span> Updated 5 months ago </span> <span> by Adam Thacker </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/how-do-i-setup-two-factor-authentication-2-fa-on-my-c-panel-account"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> How do I setup Two-Factor Authentication (2FA) on my cPanel account </h3> <p class="card-description">What is Two-Factor Authentication (2FA)? Two-factor authentication adds an additional layer of security to your cPanel account by adding a second step to your login. In addition to something you know…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/changing-your-c-panel-whm-password-and-finding-your-c-panel-username"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Changing your cPanel (or WHM) password and finding your cPanel username </h3> <p class="card-description">Changing your cPanel password. Please Note: Krystal Support staff do not have access to view your cPanel password. If you are unsure of your password it will need to be updated using the instructions…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 1 year ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="card-link" href="/getting-started/can-krystal-design-or-modify-my-website-for-me"> <div id="article-card" class="card hvr-card"> <div class="card-block"> <h3 class="card-title"> Can Krystal design or modify my website for me? </h3> <p class="card-description">Do we design websites?. In short, no. This is for two very good reasons: First and foremost, we are a web hosting company, so our primary focus is on delivering high quality, secure and reliable serv…</p> <p class="author-text small-capital-text"> <img class="img-fluid author-image" src="https://www.gravatar.com/avatar/c7d18870382596718fcad368bbae3ecd?d=mm&s=150"> <span> Updated 2 years ago </span> <span> by Ben Oates </span> </p> </div> </div> </a> </div> </div> </div> <div style="position: relative !important; bottom: 0 !important; text-align: center !important; margin: 2em !important; padding: initial !important; padding-bottom: 2em !important; display: block !important; visibility: visible !important;"> <a href="https://www.helpdocs.io?ref=hd" target="_blank" title="Powered by HelpDocs" style="display: initial !important; visibility: visible !important; position: initial !important; margin: 0 !important; padding: 0 !important; color: #ccc !important; text-decoration: none !important;" > <img src="https://cdn.helpdocs.io/img/logo_grey.png?v=1742998337" alt="Powered by HelpDocs" style="height: 2em !important; width: 2em !important; display: initial !important; visibility: visible !important; position: initial !important; margin: 0 !important; padding: 0 !important;" /> <span style="position: absolute;width: 1px;clip: rect(0 0 0 0);overflow: hidden;white-space: nowrap;">(opens in a new tab)</span> </a> </div> <script> window.hd_util_params = { disable_legacy_search_timers: true, search_article_template: ` <div class="row search-article-row"> <div class="col-xs"> <div id="search-article" class="search-article"> <a class="search-article-link" data-article-id="\{\{article_id\}\}" href="\{\{relative_url\}\}"> <h3 class="search-article-title">\{\{title\}\}</h3> <p class="category-title">\{\{category_title\}\}</p> <p class="search-article-description">\{\{description\}\}</p> </a> <hr> </div> </div> </div> ` }; </script> <footer>© Krystal Hosting Ltd 2002–<script>document.write(new Date().getFullYear())</script></footer> <script> (function() { $(function() { setTimeout(function() { $('pre').each(function(i, el) { $(el).attr('data-content', ($(el).attr('class') || '').replace('hljs ', '')); }); }, 1000); }); })(); </script> <div id="contact-modal" class="modal fade"> <div class="modal-dialog" role='document'> <div class="modal-content"> <div class="modal-header"> <button class="close" type='button' data-dismiss='modal' aria-label='Close'> <span aria-hidden='true'>×</span> </button> <h4 class="modal-title">Contact</h4> </div> <div class="modal-body"> <form id="contact-form" action="/contact" method="POST" data-article-id="" data-category-id="sey519qf5v" data-search-term="" > <fieldset class="form-group"> <input id="name" class="form-control" type="text" placeholder="Jane Doe"> </fieldset> <fieldset class="form-group"> <input id="email" class="form-control" type="email" placeholder="my.email@example.com"> </fieldset> <fieldset class="form-group"> <textarea id="question" class="form-control" type="text" placeholder="Help Me With..." rows="5"></textarea> </fieldset> <input id="noop" type="text" name="noop" style="display: none !important"> </form> <button id="contact-form-submit" class="btn btn-primary btn-block" type='button'>Send</button> </div> </div> </div> </div> </div> </div> </div> <script src="https://cdn.helpdocs.io/js/js.cookie.min.js?v=1742998337"></script> <script src="https://cdn.helpdocs.io/js/highlight.min.js?v=1742998337"></script> <script src="https://cdn.helpdocs.io/js/libs/hdanalytics.js?v=1742998337" type="text/javascript"></script> <script src="https://cdn.helpdocs.io/js/libs/instantsearch.js?v=1742998337" type="text/javascript"></script> <script src="https://cdn.helpdocs.io/js/libs/hdthemeutils.js?v=1742998337" type="text/javascript"></script> <script> // ** Resize videos ** (function() { function ready(fn) { if (document.readyState != 'loading'){ fn(); } else if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fn); } else { document.attachEvent('onreadystatechange', function() { if (document.readyState != 'loading') fn(); }); } } ready(function () { var allVideos = document.querySelectorAll('iframe[src*="//www.youtube.com"], iframe[src*="//player.vimeo.com"], .hd--embed iframe, .hd--embed span[id^="vidyard_span_"]'); if (allVideos.length < 1) return; var isBackup = false; var fluidEl = document.querySelector('#article .card-block'); // Might be V4+ style of template if (!fluidEl) fluidEl = document.querySelector('#articleBody'); if (!fluidEl) { isBackup = true; fluidEl = document.querySelector('#article #body'); } Array.prototype.forEach.call(allVideos, function(video) { window.addEventListener('resize', function() { // Only set aspect ratio on resize of window video.setAttribute('aspectratio', (video.height / video.width) || 0.5625); if (video.getAttribute('aspectratio')) { video.removeAttribute('width'); video.removeAttribute('height'); } var newWidth = fluidEl.offsetWidth - (isBackup ? 200 : 0); if (!newWidth) return; Array.prototype.forEach.call(allVideos, function(video) { var ar = video.getAttribute('aspectratio'); video.setAttribute('width', newWidth); video.setAttribute('height', newWidth * ar); }); }); }); }); })(); </script> </body> </html>