Come rimuovere lo spazio tra la barra laterale dei widget per WordPress

In WordPress, i widget ti consentono di aggiungere una varietà di funzionalità e contenuti personalizzati alla barra laterale del tuo blog. Con i widget, puoi mostrare ai visitatori del blog un archivio dei tuoi post, una barra di ricerca personalizzata o i tuoi ultimi post di Twitter. WordPress mette automaticamente uno spazio tra ogni widget per scopi estetici. Queste lacune, tuttavia, riducono la quantità di contenuto che un lettore può vedere sulla pagina prima di dover scorrere verso il basso. L'aggiunta di una riga di codice al file custom.css del tuo blog ti consente di eliminare queste lacune.

Apri il tuo browser Internet e vai al tuo sito Web WordPress. Digita il tuo nome utente e password, se richiesto. Fai clic su "Accedi".

Fai clic su "Aspetto" sul lato sinistro dello schermo. Fai clic su "Editor".

Fai clic su "custom.css" sotto l'intestazione Stili per visualizzare il foglio di stile personalizzato del tuo sito web.

Aggiungi la riga ".custom li.widget {margin-bottom:-10px !important;}" al foglio di stile custom.css. Escludere le virgolette quando si aggiunge la riga.

Fare clic su "Aggiorna file".

Fai clic sul nome del tuo sito nella parte superiore della pagina per visualizzare le modifiche. Se rimane ancora uno spazio tra i widget, torna al foglio di stile custom.css.

Cambia "-10" in "-15". Controlla il tuo sito web per il cambiamento. Prova numeri negativi più grandi fino a eliminare completamente gli spazi vuoti.

Suggerimenti

Se vuoi solo eliminare lo spazio tra due widget, aggiungi un testo vuoto tra quei due widget. Applica il codice "

" al widget di testo, escluse le virgolette esterne. Vai al foglio di stile custom.css e aggiungi il codice ".widget_space_1 { margin-bottom: 0px; }" in fondo alla pagina. Prova a cambiare lo "0" con un numero negativo, ad esempio -10 o -15, finché non ottieni i risultati desiderati.

Avvertenze

Fai attenzione quando modifichi il codice del tuo sito web. La rimozione o la modifica di determinati codici può causare modifiche indesiderate. Valuta di fare una copia di backup del codice prima di cambiarlo in caso si verifichi un problema.