Un utente ha chiesto informazioni su GeneratePress di Wordpress

Layout del blog mobile

Un utente ha chiesto 👇

Ciao signore, sto usando una versione gratuita del tuo tema. ma ho bisogno di un aiuto in fatti gratuiti come posso cambiare il layout di un blog mobile come questo >> https://imgur.com/X3QvMkS .

Quel blog utilizzava anche un tema genepress. Quindi per favore dimmi come posso cambiare lo stile del layout in questo modo!

(@leohsiang)

10 mesi fa

Ciao,

Sembra che tu sia già abbastanza vicino?

Prova questo CSS:

@media (max-width: 768px) {
    .post-image {
        margin-top: 0;
        margin-right: 1.5em;
    }
}

Lanciatore di thread

(@ jack2020)

10 mesi fa

Signore, inserirò il CSS sopra sul mio sito ma il testo che non è in linea come indicato sopra renderà il sito mobile.

Controlla qui

Schermata del mio sito: https://imgur.com/sYivbhS

Guarda un altro screenshot del sito: https://imgur.com/X3QvMkS (Vorrei cercare un layout mobile simile per il mio sito)

(@leohsiang)

10 mesi fa

Potete collegarmi al sito di esempio in cui è stata scattata la schermata?

Lanciatore di thread

(@ jack2020)

10 mesi fa

Posizione del campione: Collegamento al sito

(@leohsiang)

10 mesi fa

Prova questo CSS:

@media (max-width: 768px) {
    body:not(.single) .inside-article {
        display: grid;
        grid-template-columns: 40% 60%;
    }
    .post-image, .entry-header {
        grid-row: 1;
    }
}

Puoi anche vedere l’esatto CSS utilizzato dal sito utilizzando lo strumento di controllo del browser.

Lanciatore di thread

(@ jack2020)

10 mesi fa

Non impostato.

Guarda la foto del mio sito: Link

Voglio un layout accurato come una posizione in base al collegamento fornito nell’ultima risposta

(@leohsiang)

10 mesi fa

Questo è:
https://generatepress.com/forums/topic/how-to-move-featured-image-to-the-left-of-post-title-on-blog-layout/#post-1229155

Assicurati di rimuovere l’altro CSS che hai aggiunto.

Lanciatore di thread

(@ jack2020)

5 mesi fa

Grazie

(@leohsiang)

4 mesi, 4 settimane fa

Nessun problema 🙂

Was this helpful?

0 / 0

Lascia un commento 0

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