{"id":11566,"date":"2021-09-14T10:26:40","date_gmt":"2021-09-14T10:26:40","guid":{"rendered":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/?p=11566"},"modified":"2024-04-24T06:58:22","modified_gmt":"2024-04-24T05:58:22","slug":"customize-evolution-skin-directadmin","status":"publish","type":"post","link":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/","title":{"rendered":"How to Customize the Evolution Skin in DirectAdmin?"},"content":{"rendered":"<p>The evolution skin is a highly flexible interface of DirectAdmin that you can freely customize. It has a variety of options for you to change the accessibility of tools and other settings at a reseller level, like modifying sections, icons for user accounts, resellers or admin. However, it is better to leave that stuff for the pros to handle. That is why we will be showing you how to change the appearance of the interface.<\/p>\n<h2>To Customize the Evolution Skin<\/h2>\n<p>1. Log in to DirectAdmin with your reseller account.<\/p>\n<p>2. Go to the <strong>Reseller Tools<\/strong> section and click on <strong>Customize Evolution Skin<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12805\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_customize_evolution_skin.png\" alt=\"\" width=\"1210\" height=\"194\" \/><\/p>\n<p>A panel with multiple configuration sections will appear. As a reseller, you will have access and permission to change most settings available there. We will get through each of the tabs one by one.<\/p>\n<div class=\"skrlto-container\">\n<div class=\"skrlto-header-title\">\n<h3>Customize the Evolution Skin<\/h3>\n<\/div>\n<div class=\"skrlto-links-wrapper\">\n<div class=\"skroll-button\" data-skrolllto=\"1CustEvoSkin\">Misc. Options<\/div>\n<div class=\"skroll-button\" data-skrolllto=\"2CustEvoSkin\">Logo<\/div>\n<div class=\"skroll-button\" data-skrolllto=\"3CustEvoSkin\">Colors<\/div>\n<\/div>\n<\/div>\n<h3 id=\"1CustEvoSkin\">Misc. Options<\/h3>\n<p>Short for <strong>Miscellaneous Options<\/strong>, it has various options to change the appearance of the panel interface.<\/p>\n<ul>\n<li><strong>Default Layout<\/strong>: Select an arrangement for the DirectAdmin tools. We recommend you go with <strong>Icons Grid<\/strong> as it is more familiar to most users.<\/li>\n<li><strong>Theme Mode<\/strong>: There are two modes for the DirectAdmin interface <strong>Light<\/strong> and <strong>Dark<\/strong>. There is a third option,\u00a0<strong>Automatic\/User Select<\/strong>, that leaves things to your discretion.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12845\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_misc_options.png\" alt=\"\" width=\"1586\" height=\"576\" \/><\/p>\n<div class=\"vlt-box vlt-blue\">\n<div class=\"box-title\"><strong>Note<\/strong><\/div>\n<div class=\"box-content\">\n<p>You can allow individual users to change the skin layout by unticking the <strong>Forbid users changing the skin layout on user level<\/strong>. It is better to leave it the way it is. If not, you will have a tough time navigating the interface when taking over the user account.<\/p>\n<\/div>\n<\/div>\n<h3 id=\"2CustEvoSkin\">Logo<\/h3>\n<p>This section allows you to change the logos for the interface.<\/p>\n<p>1. To change the logo for a particular field\/option, click the <strong>X\u00a0<\/strong>symbol beside the logo image you want to replace.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12846\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_logo.png\" alt=\"\" width=\"1585\" height=\"591\" \/><\/p>\n<p>It will remove the logo image from the field.<\/p>\n<p>2. Click on the box and upload the image from your local machine.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12847\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_logo_drop.png\" alt=\"\" width=\"1571\" height=\"299\" \/><\/p>\n<p>The image will appear in the field box.<\/p>\n<p>3. Click the <strong>UPLOAD<\/strong> button to complete the process.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12848\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_logo_upload.png\" alt=\"\" width=\"1582\" height=\"367\" \/><\/p>\n<p>You can repeat this process to change the logos for any other field.<\/p>\n<p>Currently, the evolution skin of the DirectAdmin panel offers five fields for the logos:<\/p>\n<ul>\n<li>Default<\/li>\n<li>For dark mode &amp; sidebar layout<\/li>\n<li>Favicon<\/li>\n<li>Symbol<\/li>\n<li>Symbol for dark mode<\/li>\n<\/ul>\n<p>The other sections are to customize the <strong>Menu<\/strong> for User or Reseller accounts. We will skip them and move to the\u00a0<strong>Colors<\/strong> tab.<\/p>\n<h3 id=\"3CustEvoSkin\">Colors<\/h3>\n<p>Here you can adjust or change the colors for notification windows, messages, etc. based on their type\/nature.<\/p>\n<p>The types are categorized as:<\/p>\n<ul>\n<li>Primary<\/li>\n<li>Safe<\/li>\n<li>Danger<\/li>\n<li>Neutral<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12850\" src=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_colors_min.png\" alt=\"\" width=\"1587\" height=\"554\" \/><\/p>\n<p>After making your changes, click the<strong> SAVE<\/strong> button and, it will be over.<\/p>\n<div class=\"vlt-box vlt-blue\">\n<div class=\"box-title\"><strong>Note\u00a0<\/strong><\/div>\n<div class=\"box-content\">\n<p>If you want to customize the <strong>Menu<\/strong>, we recommend you contact support to handle it. The same goes for the <strong>Widgets<\/strong> section.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The evolution skin is a highly flexible interface of DirectAdmin that you can freely customize. It has a variety of options for you to change the accessibility of tools and other settings at a reseller level, like modifying sections, icons for user accounts, resellers or admin. However, it is better to leave that stuff for [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1777,41,29],"tags":[2459,2423,2460,508],"class_list":["post-11566","post","type-post","status-publish","format-standard","placeholder-for-hentry","category-directadmin","category-howtos","category-reseller-hosting-faq","tag-customize-evolution-skin","tag-directadmin-reseller-hosting","tag-evolution-skin-directadmin","tag-reseller-hosting-account"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Customize the Evolution Skin in DirectAdmin?<\/title>\n<meta name=\"description\" content=\"As a reseller, you can modify the appearance of the DirectAdmin interface with its Evolution skin. We will show you how to customize Evolution skin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Customize the Evolution Skin in DirectAdmin?\" \/>\n<meta property=\"og:description\" content=\"As a reseller, you can modify the appearance of the DirectAdmin interface with its Evolution skin. We will show you how to customize Evolution skin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Hosting FAQs by MilesWeb\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-14T10:26:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-24T05:58:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_customize_evolution_skin.png\" \/>\n<meta name=\"author\" content=\"Prasad Khartadkar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prasad Khartadkar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/\",\"name\":\"How to Customize the Evolution Skin in DirectAdmin?\",\"isPartOf\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_customize_evolution_skin.png\",\"datePublished\":\"2021-09-14T10:26:40+00:00\",\"dateModified\":\"2024-04-24T05:58:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/c9138a9488172a8d0aa2d4f40878d83e\"},\"description\":\"As a reseller, you can modify the appearance of the DirectAdmin interface with its Evolution skin. We will show you how to customize Evolution skin.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Customize the Evolution Skin in DirectAdmin?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/\",\"name\":\"Web Hosting FAQs by MilesWeb\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/c9138a9488172a8d0aa2d4f40878d83e\",\"name\":\"Prasad Khartadkar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fafb102a39aa8f8d38a11f3e2dcfa746?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fafb102a39aa8f8d38a11f3e2dcfa746?s=96&d=blank&r=g\",\"caption\":\"Prasad Khartadkar\"},\"description\":\"Prasad is a business grad specialized in Marketing. He has garnered experience as a technical content writer and a digital marketer that he brings out in his work. He likes reading classics and travel in his free time.\",\"url\":\"https:\/\/www.milesweb.co.uk\/hosting-faqs\/author\/prasad-khartadkar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Customize the Evolution Skin in DirectAdmin?","description":"As a reseller, you can modify the appearance of the DirectAdmin interface with its Evolution skin. We will show you how to customize Evolution skin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/","og_locale":"en_GB","og_type":"article","og_title":"How to Customize the Evolution Skin in DirectAdmin?","og_description":"As a reseller, you can modify the appearance of the DirectAdmin interface with its Evolution skin. We will show you how to customize Evolution skin.","og_url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/","og_site_name":"Web Hosting FAQs by MilesWeb","article_published_time":"2021-09-14T10:26:40+00:00","article_modified_time":"2024-04-24T05:58:22+00:00","og_image":[{"url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_customize_evolution_skin.png","type":"","width":"","height":""}],"author":"Prasad Khartadkar","twitter_misc":{"Written by":"Prasad Khartadkar","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/","name":"How to Customize the Evolution Skin in DirectAdmin?","isPartOf":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#primaryimage"},"image":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_customize_evolution_skin.png","datePublished":"2021-09-14T10:26:40+00:00","dateModified":"2024-04-24T05:58:22+00:00","author":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/c9138a9488172a8d0aa2d4f40878d83e"},"description":"As a reseller, you can modify the appearance of the DirectAdmin interface with its Evolution skin. We will show you how to customize Evolution skin.","breadcrumb":{"@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/customize-evolution-skin-directadmin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/"},{"@type":"ListItem","position":2,"name":"How to Customize the Evolution Skin in DirectAdmin?"}]},{"@type":"WebSite","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#website","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/","name":"Web Hosting FAQs by MilesWeb","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/c9138a9488172a8d0aa2d4f40878d83e","name":"Prasad Khartadkar","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/fafb102a39aa8f8d38a11f3e2dcfa746?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fafb102a39aa8f8d38a11f3e2dcfa746?s=96&d=blank&r=g","caption":"Prasad Khartadkar"},"description":"Prasad is a business grad specialized in Marketing. He has garnered experience as a technical content writer and a digital marketer that he brings out in his work. He likes reading classics and travel in his free time.","url":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/author\/prasad-khartadkar\/"}]}},"views":385,"_links":{"self":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts\/11566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/comments?post=11566"}],"version-history":[{"count":3,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts\/11566\/revisions"}],"predecessor-version":[{"id":15551,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/posts\/11566\/revisions\/15551"}],"wp:attachment":[{"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/media?parent=11566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/categories?post=11566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/hosting-faqs\/wp-json\/wp\/v2\/tags?post=11566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}