{"id":148551,"date":"2025-05-19T15:53:22","date_gmt":"2025-05-19T12:53:22","guid":{"rendered":"https:\/\/elementor.com\/help\/dare-priorita-agli-stili-in-conflitto\/"},"modified":"2025-05-19T15:53:22","modified_gmt":"2025-05-19T12:53:22","slug":"dare-priorita-agli-stili-in-conflitto","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/","title":{"rendered":"Dare priorit\u00e0 agli stili in conflitto"},"content":{"rendered":"\n<p>Gli elementi di stile nell&#8217;Editor di Elementor V4 sono costruiti attorno all&#8217;idea delle classi. Per maggiori informazioni sulle classi in V4, consulta <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\/\">Classi in Elementor<\/a>. &nbsp;<\/p>\n\n\n\n<p>Lavorare con le classi ha molti vantaggi, soprattutto l&#8217;opportunit\u00e0 di riutilizzare gli elementi, rendendo il tuo lavoro pi\u00f9 veloce ed efficiente. Tuttavia, l&#8217;utilizzo delle classi pu\u00f2, a volte, significare l&#8217;aggiunta di stili in conflitto a un elemento. Ad esempio, un elemento paragrafo pu\u00f2 avere una classe che imposta il colore del testo su verde e un&#8217;altra classe che imposta il colore del testo su rosso. Come fa l&#8217;Editor a determinare quale colore utilizzare?   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prioritizzazione delle classi e identificazione dei conflitti<\/h2>\n\n\n\n<p>Nel seguente esempio utilizzeremo due classi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Red_text: questa classe \u00e8 impostata per rendere il testo rosso.<\/li>\n\n\n\n<li>Green_text: questa classe \u00e8 impostata per rendere il testo verde.<\/li>\n<\/ul>\n\n\n\n<p>Per imparare a creare classi, consulta <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\/\">Classi in Elementor<\/a>.<\/p>\n\n\n\n<p>Per dimostrare la priorit\u00e0 delle classi e l&#8217;identificazione dei conflitti, creiamo un elemento di esempio.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aggiungi un elemento Paragrafo alla canvas.<br>Poich\u00e9 non abbiamo applicato uno stile al paragrafo, utilizzer\u00e0 il colore del testo predefinito: nero.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"321\" class=\"wp-image-57455\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-300x142.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-1024x483.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-768x362.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/>&nbsp;<\/li>\n\n\n\n<li>Clicca sulla scheda <strong>Stile<\/strong>.<br><img decoding=\"async\" width=\"280\" height=\"252\" class=\"wp-image-57456\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-17.png\" alt=\"\"><\/li>\n<\/ol>\n\n\n\n<p>La parte superiore della scheda Stile ha la casella di testo <strong>Classi<\/strong>. La casella di testo <strong>Classi<\/strong> contiene i nomi di tutte le classi che si applicano all&#8217;elemento. Al momento, l&#8217;unica classe che si applica all&#8217;elemento \u00e8 <strong>Locale<\/strong>.  &nbsp;<\/p>\n\n\n\n<p>Locale \u00e8 una classe speciale. Ogni elemento ha una classe locale che si applica solo a quell&#8217;elemento. A questo punto, non abbiamo aggiunto alcuno stile alla classe locale, quindi l&#8217;elemento Paragrafo sta utilizzando le impostazioni predefinite.  <\/p>\n\n\n\n<p>Ora aggiungiamo un po&#8217; di colore al testo.<br><img decoding=\"async\" width=\"680\" height=\"210\" class=\"wp-image-57457\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-300x93.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-1024x316.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-768x237.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nella casella di testo <strong>Classi<\/strong>, aggiungi la classe <strong>Red_text<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Il testo diventa rosso perch\u00e9 utilizza il colore impostato dalla classe Red_text.<\/p>\n\n\n\n<p>Ora, diamo un&#8217;occhiata agli indicatori. Gli indicatori mostrano quali impostazioni vengono utilizzate per il tuo elemento. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"793\" class=\"wp-image-57458\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19.png 250w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19-106x300.png 106w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apri il campo <strong>Tipografia<\/strong> e guarda l&#8217;impostazione <strong>Colore testo<\/strong>. Il punto indicatore \u00e8 verde e mostra che questa \u00e8 l&#8217;impostazione che verr\u00e0 utilizzata. &nbsp;<\/li>\n<\/ul>\n\n\n\n<p>[callout type=&#8221;note&#8221;]Se dovessi chiudere il campo Tipografia, un punto indicatore apparirebbe accanto alla parola Tipografia. Gli indicatori appaiono accanto a qualsiasi impostazione di stile che ha un valore. Vedi sotto per una tabella di cosa significa il colore dell&#8217;indicatore.  <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"362\" class=\"wp-image-59010\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators.png 616w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators-232x300.png 232w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>[\/callout]<\/p>\n\n\n\n<p>Ora vai alla classe locale e guarda l&#8217;impostazione Tipografia.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"785\" class=\"wp-image-57459\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20.png 251w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20-107x300.png 107w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<p>C&#8217;\u00e8 un punto grigio accanto a <strong>Colore testo<\/strong>. Questo mostra che questo elemento contiene una classe diversa che imposta il colore del testo. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"272\" class=\"wp-image-57460\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-21.png\" alt=\"\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Torneremo alla casella di testo <strong>Classi<\/strong> e aggiungeremo la classe <strong>Green_text<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Nota che, nonostante il fatto che abbiamo aggiunto la classe Green_text dopo la classe Red_text, si sposta a sinistra della Red_class. Le classi a sinistra hanno sempre la priorit\u00e0 sulle classi a destra. Ci\u00f2 significa che la classe <strong>locale<\/strong> avr\u00e0 sempre la massima priorit\u00e0 in quanto \u00e8 sempre la classe pi\u00f9 a sinistra.  <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"244\" class=\"wp-image-57461\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22.png 1208w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-300x108.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-1024x368.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-768x276.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p>Per capire perch\u00e9, fai clic sull&#8217;icona Gestione classi per aprire Gestione classi. Per i dettagli, consulta <a href=\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\">Gestione classi dell&#8217;Editor di Elementor<\/a>. &nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"329\" class=\"wp-image-57462\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23.png 264w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23-255x300.png 255w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>&nbsp;&nbsp;<\/p>\n\n\n\n<p>Nota che <strong>Green_text<\/strong> \u00e8 sopra <strong>Red_text<\/strong>, il che significa che ha la priorit\u00e0 su <strong>Red_text<\/strong>. Qualsiasi elemento con sia <strong>Green_text<\/strong> che <strong>Red_text<\/strong> adotter\u00e0 le impostazioni di <strong>Green_text<\/strong>. <\/p>\n\n\n\n<p>Se guardiamo le impostazioni di <strong>Tipografia<\/strong> per ogni classe, vedremo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nella classe <strong>Red_text<\/strong> c&#8217;\u00e8 un punto arancione accanto a <strong>Colore testo<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdurA__7LT01JLEXelEcZxgZ7uxs3H_0V5bk_7eLcW7iZWm9r0ya8T_ERRoUGBRe23jURnirnukrcKc8tNo4A45cZFtoGBzhPC1fFS1waqsyU5HSmayz94N7MqTqpkbwi58EBw?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Questo mostra che c&#8217;\u00e8 un&#8217;altra classe che sovrascrive l&#8217;impostazione per questa classe. <\/li>\n\n\n\n<li>Nella classe <strong>Green_text<\/strong> c&#8217;\u00e8 un punto verde accanto a <strong>Colore testo<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeLDF860uXXnxfSBQ8G-mHeu_mbXCFBHSsyd8-IdcJMpHRxjpR9aI4PVdlVpqEu4zMjcJ9ObSeIMTD2kQVL68gLH3wSrBB4ZHHel0YJ-vAxdjr7Plj8QatfSVgrNvyzjT29Muo?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Questo mostra che questo \u00e8 il colore utilizzato in questo elemento. &nbsp;&nbsp;<\/li>\n\n\n\n<li>Nella classe <strong>locale<\/strong> c&#8217;\u00e8 un punto grigio accanto a <strong>Colore testo<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdGYiU2uH0ppsCKOmvoGPqqxnu0PItL_rX2s9g0hTl-cdXvA4g_JXEHCiKYJb0f1VzyI0GKLfiZqS5cAhC_iwU4ZFdIixOrUJpGe0c_0WW9teuG9F8xUFnvFuwGB0cTXGrIQ5g?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Questo mostra che questo elemento ha un&#8217;altra classe che determina questa impostazione ma non \u00e8 in conflitto con questa classe. <\/li>\n<\/ul>\n\n\n\n<p>Infine, vediamo cosa succede quando modifichiamo la classe locale.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"443\" class=\"wp-image-57463\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-1024x667.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-768x500.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In <strong>Tipografia<\/strong>, cambia il <strong>Colore testo<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Il testo cambia in quel colore perch\u00e9 la classe <strong>locale<\/strong> ha sempre la massima priorit\u00e0. L&#8217;indicatore accanto a <strong>Colore testo<\/strong> diventa rosa, indicando che questo colore \u00e8 locale e ha la massima priorit\u00e0. <\/p>\n\n\n\n<p>Di seguito \u00e8 riportata una tabella degli indicatori e del loro significato:<br>[callout type=&#8221;note&#8221;]Questi indicatori appaiono accanto alle impostazioni che contengono valori e accanto ai campi, come <strong>Dimensione<\/strong> e <strong>Tipografia<\/strong>, che contengono impostazioni con valori. Ci possono essere pi\u00f9 indicatori accanto ai nomi dei campi in quanto ci possono essere singole impostazioni in questi campi che hanno stati diversi. Ad esempio, un campo Tipografia pu\u00f2 contenere un <strong>Tipo di carattere<\/strong> che viene utilizzato da questa impostazione (indicatore verde) e una <strong>Dimensione carattere<\/strong> che viene determinata da un&#8217;impostazione diversa (indicatore arancione).   <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Indicatore<\/strong><\/td><td><strong>Cosa significa<\/strong><\/td><\/tr><tr><td>Rosa<\/td><td>Valore impostato dalla classe locale. Non pu\u00f2 mai essere sovrascritto. <\/td><\/tr><tr><td>Verde<\/td><td>Questa impostazione \u00e8 attualmente determinata da questa classe. Questo pu\u00f2 essere cambiato riorganizzando le priorit\u00e0 delle classi. &nbsp;<\/td><\/tr><tr><td>Grigio<\/td><td>Questa impostazione \u00e8 attualmente determinata da un&#8217;altra classe. <\/td><\/tr><tr><td>Arancione<\/td><td>Questa impostazione \u00e8 attualmente determinata da una classe diversa. Questo pu\u00f2 essere cambiato riorganizzando le priorit\u00e0 delle classi o pu\u00f2 essere sovrascritto dalla classe <strong>locale<\/strong>. <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Identifica quale classe viene utilizzata<\/h2>\n\n\n\n<p>Gli indicatori spiegati sopra mostrano dove ci sono conflitti, ma possono anche fornire informazioni pi\u00f9 precise. Clicca su un indicatore e un popup spiega esattamente quale stile sta usando e quali stili sta ignorando. &nbsp;<\/p>\n\n\n\n<p>Useremo le classi nell&#8217;esempio sopra per vedere come funziona.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li> Trascina un elemento Paragrafo sulla canvas.<\/li>\n\n\n\n<li>Crea le classi <strong>Red_text<\/strong> e <strong>Green_text<\/strong> come menzionato sopra.<br><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"236\" class=\"wp-image-58857\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like.png 612w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like-300x186.png 300w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><br>Ecco come dovrebbe apparire il campo Classi.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"516\" class=\"wp-image-58858\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field.png 612w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field-163x300.png 163w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field-556x1024.png 556w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Nel pannello, apri il campo Tipografia.<br>[callout type=&#8221;note&#8221;]L&#8217;indicatore accanto alla parola Tipografia mostra che c&#8217;\u00e8 un conflitto nei campi della tipografia.[\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"290\" class=\"wp-image-58860\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup-.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup-.png 582w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup--290x300.png 290w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Clicca sull&#8217;indicatore accanto a <strong>Colore testo<\/strong>.<br>Un popup mostra il nome delle classi in conflitto. Le propriet\u00e0 della classe non utilizzata sono barrate. <\/li>\n<\/ol>\n\n\n\n<p>Le capacit\u00e0 di editing responsive dell&#8217;editor ti permettono di impostare classi diverse per schermi di dimensioni diverse. Come esempio, imposteremo diverse dimensioni del carattere per desktop e dispositivi mobili. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aggiungi un elemento Paragrafo alla canvas e inserisci del testo.<\/li>\n\n\n\n<li>Apri il campo <strong>Tipografia<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"349\" class=\"wp-image-58863\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-300x154.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-1024x526.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-768x394.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-1536x788.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-2048x1051.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Nel contatore <strong>Dimensione carattere<\/strong>, inserisci <strong>14<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"107\" class=\"wp-image-58864\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-300x47.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-1024x161.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-768x121.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-1536x241.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-2048x321.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Clicca sull&#8217;icona del cellulare.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"350\" class=\"wp-image-58865\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-300x155.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-1024x528.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-768x396.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-1536x791.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-2048x1055.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Apri il campo <strong>Tipografia<\/strong> e imposta la dimensione del testo su <strong>24<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"714\" class=\"wp-image-58867\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size.png 608w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-118x300.png 118w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-402x1024.png 402w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-603x1536.png 603w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Clicca sull&#8217;indicatore accanto a <strong>Dimensione carattere<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"155\" class=\"wp-image-58871\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup.png 562w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup-300x167.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Il popup mostra quale dimensione del carattere viene utilizzata per i dispositivi mobili e quale per i desktop. Dato che siamo in modalit\u00e0 mobile, la propriet\u00e0 desktop \u00e8 barrata.  <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Gli elementi di stile nell&#8217;Editor di Elementor V4 sono costruiti attorno all&#8217;idea delle classi. Per maggiori informazioni sulle classi in V4, consulta Classi in Elementor. &nbsp; Lavorare con le classi ha molti vantaggi, soprattutto l&#8217;opportunit\u00e0 di riutilizzare gli elementi, rendendo il tuo lavoro pi\u00f9 veloce ed efficiente. Tuttavia, l&#8217;utilizzo delle classi pu\u00f2, a volte, significare [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1606],"tags":[1697],"class_list":["post-148551","post","type-post","status-publish","format-standard","hentry","category-features-it","tag-v4-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dare priorit\u00e0 agli stili in conflitto | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Dare priorit\u00e0 agli stili in conflitto in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dare priorit\u00e0 agli stili in conflitto | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Dare priorit\u00e0 agli stili in conflitto in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1206\" \/>\n\t<meta property=\"og:image:height\" content=\"569\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Dare priorit\u00e0 agli stili in conflitto\",\"datePublished\":\"2025-05-19T12:53:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\"},\"wordCount\":1069,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Features\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\",\"url\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\",\"name\":\"Dare priorit\u00e0 agli stili in conflitto | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"datePublished\":\"2025-05-19T12:53:22+00:00\",\"description\":\"Learn everything about Dare priorit\u00e0 agli stili in conflitto in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Senza categoria\",\"item\":\"https:\/\/elementor.com\/help\/it\/senza-categoria\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dare priorit\u00e0 agli stili in conflitto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#website\",\"url\":\"https:\/\/elementor.com\/help\/it\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dare priorit\u00e0 agli stili in conflitto | Elementor","description":"Learn everything about Dare priorit\u00e0 agli stili in conflitto in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/","og_locale":"it_IT","og_type":"article","og_title":"Dare priorit\u00e0 agli stili in conflitto | Elementor","og_description":"Learn everything about Dare priorit\u00e0 agli stili in conflitto in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:22+00:00","og_image":[{"width":1206,"height":569,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Cliff Churgin","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Dare priorit\u00e0 agli stili in conflitto","datePublished":"2025-05-19T12:53:22+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/"},"wordCount":1069,"publisher":{"@id":"https:\/\/elementor.com\/help\/it\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","keywords":["V4"],"articleSection":["Features"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/","url":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/","name":"Dare priorit\u00e0 agli stili in conflitto | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","datePublished":"2025-05-19T12:53:22+00:00","description":"Learn everything about Dare priorit\u00e0 agli stili in conflitto in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/it\/dare-priorita-agli-stili-in-conflitto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/it\/"},{"@type":"ListItem","position":2,"name":"Senza categoria","item":"https:\/\/elementor.com\/help\/it\/senza-categoria\/"},{"@type":"ListItem","position":3,"name":"Dare priorit\u00e0 agli stili in conflitto"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/it\/#website","url":"https:\/\/elementor.com\/help\/it\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/it\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/help\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/posts\/148551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/comments?post=148551"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/posts\/148551\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/media?parent=148551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/categories?post=148551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/it\/wp-json\/wp\/v2\/tags?post=148551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}