Quante volte ti capita di non volere quel titolo lì sopra alla pagina che viene in automatico e non c’è verso di toglierlo? Finisci sempre per dover cambiare tema per quel dettaglio che proprio non ti piace.
Succede soprattutto con temi gratuiti ma fidati, questo piccolo trick può esserti davvero utile in molte situazioni.
Ti capisco, e sono qui oggi proprio per spiegarti come nascondere elementi dalle pagine del tuo sito WordPress.
Premetto che utilizzeremo una piccola stringa di codice ma fidati di me, sarà davvero facilissimo! Seguimi.

Individuare e copiare la classe dell’elemento da eliminare.

La classe non è altro che il nome dell’oggetto che vogliamo nascondere.
Vai nell’anteprima della pagina del sito e posizionati con la freccia sull’elemento da nascondere, premi:

Tasto destro -> Ispeziona elemento.

A questo punto ti si aprirà una schermata di codice ma non andare nel panico! Scorrendo piano piano la freccia sulle voci del codice in rosa vedrai che sulla destra si illumineranno dei rettangoli. Quando appare il rettangolo sull’elemento da eliminare fermati. Dopo la scritta in rosa vedrai subito la dicitura class=”seriedicose”, bene clicca due volte sulla “serie di cose” e con i tasti:

cmd+c

oppure

Tasto destro -> copia

copia le parte dentro le virgolette che ti vengono evidenziate.
Bene! Il peggio è passato, ora è tutta discesa!

Scrivere il codice magico.

Ci sono 1000 modi per scrivere il codice in wordpress, noi ovviamente utilizzeremo il più semplice e il più veloce.
Vai sulla tua bacheca wordpress e dal menù laterale scegli:

Aspetto -> Personalizza -> Css Personalizzato

A questo punto scrivi un punto e con i tasti cmd+v incolla il testo che hai copiato prima.
Es: .seriedicose.
Ora non ti resta che copiare questa stringa di codice che trovi nel riquadro qui sotto e incollarla subito dopo quello che hai appena scritto, senza spazi.

{diaplay:none;}

Il risultato quindi è: .seriedicose{display:none;}

Se le serie di cose sono più di una e separate da uno spazio metti un punto tra ogni spazio e prima di ogni parola, così: .cosauno .cosadue .cosatre{display:none;}

Salvare e aggiornare la pagina.

A questo punto il gioco è fatto. Non ti resta che salvare con il pulsante blu che si trova in alto alla schermata personalizza, andare a vedere il risultato. E darti una bella pacca sulla spalla.

Se non funziona.

Se non dovesse funzionare niente panico! Prova a sostituire questo testo a quello che hai appena scritto
{display:none !important;}

Oppure controlla di aver copiato il testo giusto al punto uno.

Guarda il video tutorial

Nel video tutorial è spiegato sia il metodo scritto qui sopra che come fare utilizzando il tema Divi.