{"id":23570,"date":"2026-06-09T17:43:57","date_gmt":"2026-06-09T15:43:57","guid":{"rendered":"https:\/\/www.vitecoelearning.eu\/?post_type=manuale&#038;p=23570"},"modified":"2026-06-11T15:04:26","modified_gmt":"2026-06-11T13:04:26","slug":"theme-and-colors","status":"publish","type":"manuale","link":"https:\/\/www.vitecoelearning.eu\/en\/userguide\/admin-side\/customization\/theme-and-colors\/","title":{"rendered":"Theme and colors"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"23570\" class=\"elementor elementor-23570 elementor-14452\" data-elementor-post-type=\"manuale\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd802ab e-flex e-con-boxed e-con e-parent\" data-id=\"bd802ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9828a elementor-widget elementor-widget-heading\" data-id=\"2b9828a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Themes and colors<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6c4a8c elementor-widget elementor-widget-text-editor\" data-id=\"f6c4a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The <strong>Themes and colors<\/strong> section contains the settings used to modify the graphic appearance of the page. Using the \u201cTheme\u201d drop-down menu, users can choose the display mode: light or dark. The \u201cAccessibility\u201d menu, if set to \u201cEnabled\u201d, allows the front-end colors to be changed when the feature is active.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-712b44a elementor-widget elementor-widget-image\" data-id=\"712b44a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"PersonalizzazioneTemiColori\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQzOTQsInVybCI6Imh0dHBzOlwvXC9tZWRpYS52aXRlY29lbGVhcm5pbmcuZXVcL3ZpdGVjb2VsZWFybmluZy5ldVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDVcL1BlcnNvbmFsaXp6YXppb25lVGVtaUNvbG9yaS5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"290\" src=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori-1024x290.png\" class=\"attachment-large size-large wp-image-24394\" alt=\"\" srcset=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori-1024x290.png 1024w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori-300x85.png 300w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori-768x217.png 768w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori-1536x435.png 1536w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/05\/PersonalizzazioneTemiColori.png 1615w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e3bfdb elementor-widget elementor-widget-text-editor\" data-id=\"7e3bfdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The two boxes containing the color codes allow users to select the color of the platform buttons:<\/p><ul><li><strong>primary color<\/strong>: the color of the buttons;<\/li><li><strong>secondary color<\/strong>: the color the buttons take on when clicked.\u00a0<\/li><\/ul><p>Colors can be selected from a color table or entered using the hexadecimal code.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0e50da elementor-widget elementor-widget-heading\" data-id=\"c0e50da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to edit the CSS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-048dadf elementor-widget elementor-widget-text-editor\" data-id=\"048dadf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>CSS code allows users to customize the platform\u2019s fonts, colors, and layout. CSS must be used carefully: improper use may compromise the user experience.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6defe9b elementor-widget elementor-widget-image\" data-id=\"6defe9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Personalizzazione-temi-e-colori.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Personalizzazione temi e colori\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQ3OTUsInVybCI6Imh0dHBzOlwvXC9tZWRpYS52aXRlY29lbGVhcm5pbmcuZXVcL3ZpdGVjb2VsZWFybmluZy5ldVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDZcL1BlcnNvbmFsaXp6YXppb25lLXRlbWktZS1jb2xvcmkucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"594\" src=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Personalizzazione-temi-e-colori-1024x594.png\" class=\"attachment-large size-large wp-image-24795\" alt=\"\" srcset=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Personalizzazione-temi-e-colori-1024x594.png 1024w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Personalizzazione-temi-e-colori-300x174.png 300w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Personalizzazione-temi-e-colori-768x445.png 768w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Personalizzazione-temi-e-colori.png 1202w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-406216b elementor-widget elementor-widget-text-editor\" data-id=\"406216b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Do you have a style in mind but do not know how to translate it into code? You can use AI. Click <strong>Generate with AI<\/strong>, choose whether to apply the style to the entire platform (<strong>Global<\/strong>) or to specific pages, describe the desired style to the AI, and generate the CSS. The screen on the right will show a preview of the platform.<\/p><p><strong>Note: the style will be applied only to the front-end. AI uses limited monthly credits<\/strong><strong>.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b01a79 elementor-widget elementor-widget-image\" data-id=\"5b01a79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-17.43.15.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Screenshot 2026-06-09 at 17.43.15\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjQ4MDUsInVybCI6Imh0dHBzOlwvXC9tZWRpYS52aXRlY29lbGVhcm5pbmcuZXVcL3ZpdGVjb2VsZWFybmluZy5ldVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDZcL1NjcmVlbnNob3QtMjAyNi0wNi0wOS1hdC0xNy40My4xNS5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"726\" src=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-17.43.15-1024x726.png\" class=\"attachment-large size-large wp-image-24805\" alt=\"\" srcset=\"https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-17.43.15-1024x726.png 1024w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-17.43.15-300x213.png 300w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-17.43.15-768x545.png 768w, https:\/\/media.vitecoelearning.eu\/vitecoelearning.eu\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-17.43.15.png 1189w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"parent":23534,"menu_order":0,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"class_list":["post-23570","manuale","type-manuale","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/manuale\/23570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/manuale"}],"about":[{"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/types\/manuale"}],"version-history":[{"count":13,"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/manuale\/23570\/revisions"}],"predecessor-version":[{"id":25208,"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/manuale\/23570\/revisions\/25208"}],"up":[{"embeddable":true,"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/manuale\/23534"}],"wp:attachment":[{"href":"https:\/\/www.vitecoelearning.eu\/en\/wp-json\/wp\/v2\/media?parent=23570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}