Un utente ha chiesto informazioni su GeneratePress di Wordpress

Le immagini non stanno al centro

Un utente ha chiesto 👇

Ciao,

Ho aggiornato la versione wordpress 5.0.2. Sto solo imparando a conoscere il “sistema di blocco”.

Ho aggiunto alcune immagini di link di affiliazione a uno dei miei post e alcune piccole immagini. Mentre li imposto su “allinea il centro” (e sono centrali nell’editor!), Vengono lasciati allineati nel mio post pubblicato e in anteprima.

Ho impostato le prime due immagini su “ampia larghezza” ma sono troppo grandi per i miei gusti e la qualità è scarsa. Vorrei avere una dimensione del set più piccola in Amazon, ma centrata nel mezzo.

I 2 prodotti interi mostrano il problema. C’è anche il problema con le mie immagini “riviste” in ogni sezione.

Qualcuno sa se c’è del codice che posso inserire nella sezione “avanzata” per renderli davvero mirati? Oppure c’è un altro modo per risolvere il problema?

Vi ringrazio molto!

https://makeupscholar.com/non-comedogenic-makeup/

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

Ciao,

Elementor sembra impedire loro di centralizzare:

.elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
    margin: 0;
}

Prova ad aggiungere questo CSS:

.elementor .elementor-widget:not(.elementor-widget-text-editor) .wp-block-image figure {
    margin-left: auto;
    margin-right: auto;
}

Fammi sapere 🙂

Lanciatore di thread

(@ mus2018)

2 anni, 3 mesi fa

Ha funzionato! Wow, grazie mille Tom 🙂

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

Sei il benvenuto 🙂

(@ lash80)

1 anno, 11 mesi fa

Registrato per ringraziare Tom @ edge22, sanguinosa leggenda. Questa domanda mi dava fastidio.

da cui vale la pena utilizzare un elemento con addon pro e tema astra, aggiornato.
Strano problema, ma CSS fa il trucco.
Metto il CSS nel modello di pagina se questo aiuta qualcun altro.
Saluti.
Lee.

Autore del tema

(@ edge22)

1 anno, 11 mesi fa

Sono contento che abbia aiutato 🙂

(@acehobojoe)

1 anno, 10 mesi fa

Tom, grazie per quella SEC.

Mi stavo arrovellando il cervello cercando di trovare un modo per le immagini centrali nel generatore di temi dell’elemento.

Ho continuato a cercare di centralizzare l’elemento ma non ha funzionato. Questo codice ha funzionato. Presumo che abbia selezionato tutti i contenitori genitore corretti per ottenere il blocco completo dell’immagine.

(@abhranil)

1 anno, 9 mesi fa

Ciao ragazzi potete aiutarmi?
Sto usando la stessa configurazione di @acehobojoe ma ho aggiunto che il codice nell’opzione CSS extra non funzionava nel modello di lavoro, quindi è stato rimosso di nuovo e aggiunto nell’opzione CSS extra nell’opzione Aspetto> personalizzato ma ancora non lo sei fortunato.
C’è qualcos’altro che posso provare?

(@abhranil)

1 anno, 9 mesi fa

Inoltre sembra accadere solo quando aggiungo didascalie alle immagini, senza il codice CSS aggiunto le immagini sono nel mezzo

(@acehobojoe)

1 anno, 9 mesi fa

@abhranil

Ehi amico, che tema stai usando quando usi l’elemento?

Un altro lavoro passato è quello di utilizzare un generatore di pagine elementare sul post stesso.

(@abhranil)

1 anno, 9 mesi fa

Sto usando wp astra ed elementor
Sì, ho un modello di lavoro e ho anche provato il codice CSS al suo interno ma non sono riuscito a farlo funzionare é

(@anwegner)

1 anno, 4 mesi fa

Ha funzionato alla grande per l’immagine, @ edge22, ma la didascalia non è mirata.

Speravo che fosse così facile sostituire “figure” con “figcaption” ma non funziona.

Pensieri?

(@leohsiang)

1 anno, 4 mesi fa

Puoi collegarti alla pagina in questione?

Grazie 🙂

(@ wpuckett59604)

1 anno, 4 mesi fa

Ciao:

Ho aggiornato WordPress 5.3 pochi giorni fa. Le immagini grafiche inserite al centro non sono le stesse. Vengono visualizzati in fila nell’editor a blocchi, ma quando guardo il mio sito sono allineati a sinistra.

La pagina per cui ho bisogno di aiuto è:
https://www.ufosnw.com/newsite/bright-white-light-starts-flashing-red-white/

(@diggeddy)

1 anno, 4 mesi fa

Ciao,

il tuo sito non utilizza il tuo tema GeneratePress, ma TwentyTen: dovresti richiedere supporto a quell’autore. Ma vale la pena concentrarmi sull’aspetto dell’immagine.

Questa risposta è stata modificata 1 anno, 4 mesi fa.

(@ shantanu08)

12 mesi fa

Il CSS fornito da @ edge22 funziona perfettamente ma se voglio allineare l’immagine a sinistra oa destra, sembra che: http://prnt.sc/rwxbdo

Come evitare quel tipo di margine a sinistra / destra? Grazie in anticipo 🙂

Was this helpful?

0 / 0

Lascia un commento 0

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