← Tutti gli articoli

Tutorial

Ritocchi per Canva — un editor più grande e meno rumore

18 maggio 2026 · di JustZix Team

Canva è ottimo per la grafica veloce, ma la sua interfaccia è piena di inviti ad acquistare il piano Pro, promozioni di modelli e pannelli laterali che rubano spazio all'area di lavoro. Questa guida mostra come rimodellare canva.com con qualche regola CSS e JS in JustZix — nascondere le proposte di acquisto, ingrandire l'area di lavoro e calmare la vista dell'editor.

Cosa distrae in Canva

L'editor di Canva circonda l'area di lavoro con diversi strati: un pannello sinistro di elementi e modelli, una barra superiore, banner di upgrade e inserti "Prova Pro" / "Modelli consigliati". JustZix gira localmente dentro la scheda — una regola CSS nasconde un elemento, una regola JS può rimuoverlo dal DOM o attenuare quanto è invadente. Niente esce dal tuo browser, e ogni ritocco è appuntato a canva.com e attivabile con un clic.

Nascondi i banner Pro e le proposte di acquisto

Gli inviti ad acquistare il piano Pro compaiono nella barra superiore, in fondo al pannello sinistro e come schede a sé stanti. Puoi nasconderli con una regola CSS che mira ai componenti di upgrade:

/* Nascondi i banner e i pulsanti "Prova Canva Pro" */
[data-testid*="upgrade"],
[data-testid*="pro-badge"],
button[aria-label*="Try Canva Pro"],
a[href*="/pro/"] {
  display: none !important;
}

/* Striscia promozionale in cima all'editor */
div[class*="upsell"],
div[class*="UpgradeBanner"] {
  display: none !important;
}

Se il banner compare solo dopo un momento, una breve regola JS lo rimuove anche dopo il caricamento pigro:

// Rimuovi i banner di proposta d'acquisto, anche quelli caricati in modo pigro
function dropUpsell() {
  document.querySelectorAll(
    '[data-testid*="upgrade"], div[class*="upsell"]'
  ).forEach(el => el.remove());
}
dropUpsell();
new MutationObserver(dropUpsell).observe(
  document.body, { childList: true, subtree: true }
);

Taglia le promozioni di modelli

Nel pannello sinistro Canva mescola i tuoi progetti con i caroselli "Modelli consigliati" e "Popolari". Quando lavori a un progetto specifico quelle sezioni sono solo d'intralcio:

/* Nascondi i caroselli di modelli promossi */
section[aria-label*="Recommended"],
section[aria-label*="templates for you"],
div[data-testid*="template-recommendation"] {
  display: none !important;
}

Ingrandisci l'area di lavoro dell'editor

Per impostazione predefinita il pannello sinistro occupa una colonna fissa e larga. Restringerlo restituisce spazio all'area di lavoro — esattamente ciò su cui stai lavorando:

/* Pannello sinistro più stretto, area di lavoro più grande */
div[class*="ObjectPanel"],
div[class*="side-panel"] {
  width: 240px !important;
  min-width: 240px !important;
}

/* Lascia che l'area di lavoro prenda lo spazio liberato */
div[class*="EditorCanvas"],
main[class*="editor"] {
  margin-left: 0 !important;
}

Modalità focus — solo l'area di lavoro

Quando vuoi lavorare senza distrazioni, una sola regola può nascondere la barra superiore e il pannello sinistro, lasciando solo l'area di lavoro con una cornice minima:

/* Modalità focus: solo l'area di lavoro */
header[class*="Toolbar"],
div[class*="side-panel"],
nav[class*="ObjectPanel"] {
  display: none !important;
}

/* Centra l'area di lavoro a tutta larghezza */
div[class*="EditorCanvas"] {
  margin: 0 auto !important;
}

Calma l'interfaccia e migliora la leggibilità dei pannelli

Le etichette nei pannelli laterali di Canva possono essere piccole e a basso contrasto. Una regola CSS può ingrandirle e rafforzarle, mentre una regola JS attenua gli accenti più sgargianti:

/* Testo più leggibile nei pannelli */
div[class*="side-panel"] *,
div[class*="ObjectPanel"] * {
  font-size: 14px !important;
  color: #1a1a2e !important;
}

// Attenua i badge e gli accenti promozionali sgargianti
document.querySelectorAll(
  '[data-testid*="pro-badge"], span[class*="badge"]'
).forEach(el => {
  el.style.filter = 'grayscale(1)';
  el.style.opacity = '0.65';
});

Costruisci il tuo set

Tieni questi ritocchi come regole separate e nominate — "Canva: niente proposte d'acquisto", "Canva: area di lavoro più grande", "Canva: modalità focus" — ciascuna appuntata a canva.com. Così in pochi secondi adatti l'editor al compito.

Le regole pronte per Canva sono nel catalogo — vedi gli esempi per canva.com e copia ciò che ti serve. Installa JustZix e riordina il tuo editor oggi stesso.