Un utente ha chiesto informazioni su Posts in Page di Wordpress

Ampio spazio tra i pali

Un utente ha chiesto 👇

Utilizzo del tema Avada. Aggiunta scorciatoia per recuperare due post in ordine: tutto funziona correttamente.

Ma, tra ogni post, c’è un margine di 64 pixel tra la parte inferiore del post precedente e la parte superiore del post successivo.

Il margine viene aggiunto dopo la chiusura della sezione “post.hentry.ivycat-post”.

Nota: in precedenza ho eliminato l’intera sezione “Meta informazioni di output”.

Questo argomento è stato modificato 2 anni, 9 mesi fa da.

Autore del plugin

(@sewmyheadon)

2 anni, 9 mesi fa

Ciao @mikecooter,

Ho dato una rapida occhiata e hai ragione, c’è un margine di 65px sotto tutti i post controllati dal .post class nel tuo Avada CSS.

Immagine dello schermo
https://www.dropbox.com/s/tf5znw0ga3xec7e/Screenshot%202018-04-18%2009.56.41.png?dl=0

Ho controllato la tua pagina delle notizie e sta applicando lo stesso identico margine per la stessa classe CSS.

Cosa speri di ottenere? Ridurre il margine su quella pagina?

Grazie,
Eric

(@mikecooter)

2 anni, 9 mesi fa

Sì Eric, il 64 è troppo grande – voglio più 20px se possibile. Ho provato ogni variabile che mi viene in mente in Avada e non riesco a trovarla!

Autore del plugin

(@sewmyheadon)

2 anni, 9 mesi fa

Ciao Mike,

Poiché il tuo tema applica uno stile a livello di sito, molto probabilmente vorrai aggiungere uno snippet di CSS personalizzato per gestirlo.

Forse qualcosa come:

.ivycat-post {
    margin-bottom: 20px;
}

Non possiamo supportare Avada sui forum wordpress.org, ma scommetto che esiste un modo per aggiungere CSS personalizzati. Scopri come e incolla quanto sopra e vedi se funziona.

Per la cronaca, probabilmente sceglierei invece 30px perché a 20px hai la stessa distanza tra la fine del post, il titolo del post successivo e il contenuto del post successivo. Penso, almeno, che ci sia un po ‘più di spazio tra i post.

Spero che aiuti! Fammi sapere se funziona.

(@mikecooter)

2 anni, 9 mesi fa

Perfetto! Grazie Eric, ha funzionato immediatamente, e sì, 30px era meglio di 20px.

Non sono sicuro di cosa abbia causato il problema, sto ancora sviluppando presto e non ho ancora iniziato a fare jig, ma ho visto pochi altri sui forum con problemi simili.

Mike

Autore del plugin

(@sewmyheadon)

2 anni, 9 mesi fa

Sono contento di sentire che l’ha risolto.

Non sono sicuro di cosa stia causando il problema, sto ancora sviluppando presto e non ho ancora iniziato a fare jig, ma ho visto alcune altre persone sui forum con domande simili.

Quando ciò accade, di solito è dovuto a stili mancanti o contraddittori rispetto al tema principale.

Nel tuo caso, Avada racchiude tutti i post in una classe a cui è applicato uno stile di margine inferiore di 60 px. Poiché la classe è la stessa che racchiude ogni post proveniente da Post su una pagina, quello stile è stato applicato automaticamente. Ti ho appena dato CSS per aiutarti a superarlo. 🙂

Poiché ci sono alcune classi predefinite nell’HTML che il plug-in Posts in Page pubblica, è possibile che un tema richieda che altre classi restituiscano post o utilizzi le stesse classi, come nel tuo caso.

Abbiamo reso il plug-in sufficientemente flessibile in modo da poter modificare l’output HTML o utilizzare le classi CSS del plug-in per aggiungere classi o stili.

Spero che aiuti!

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *