Un utente ha chiesto informazioni su GeneratePress di Wordpress

Immagine masthead a larghezza intera

Un utente ha chiesto 👇

Ciao gente
Sto cercando un po ‘di codice per la mia immagine masthead per estendere la larghezza del contenitore. Ho provato questo …

header#masthead {
    background-size: cover;
    background-repeat: no-repeat;
}

Ma non funziona. Qualcuno aveva qualche idea?
PS Sarebbe bello avere la possibilità di estenderlo a tutta larghezza.
Grazie per qualsiasi aiuto.

Questo argomento è stato modificato 1 anno, 3 mesi fa da.

(@leohsiang)

1 anno, 3 mesi fa

Ciao,

Stai parlando dell’immagine che appare in homepage?

In tal caso, prova questo SEC:

.page-header-image.grid-container {
    max-width: 100%;
}

Aggiungi CSS: https://docs.generatepress.com/article/adding-css/

Quindi assicurati di utilizzare un’immagine di circa 2000 px per renderla a tutta larghezza (attualmente a 1000 px)

Fammi sapere se questo aiuta 🙂

Lanciatore di thread

(@ mnatseah624)

1 anno, 3 mesi fa

Ciao Leo
Grazie per la tua risposta. Non sono sicuro che il codice abbia ingrandito l’immagine, ma lo ha fatto saltare a sinistra. Come aggiungo quel codice e centralizzo l’immagine?
Inoltre, l’immagine non può essere allungata a 1000 px? Voglio mantenere il tempo di caricamento veloce e le immagini di grandi dimensioni lo rallenteranno.

(@leohsiang)

1 anno, 3 mesi fa

Il codice non crea più l’immagine, ma rende il contenitore dell’immagine a tutta larghezza.

Puoi aggiungere questo CSS extra all’immagine a larghezza intera ma sarà pixelato:

.page-header-image img {
    width: 100%;
}

Fondamentalmente è come ingrandire.

Questa risposta è stata modificata 1 anno, 3 mesi fa. Lanciatore di thread

(@ mnatseah624)

1 anno, 3 mesi fa

Ciao @leohsiang
Si hai ragione. Sembra un po ‘pixellato. Come posso quindi estenderlo alla larghezza del testo / contenitore?
E ancora una domanda per favore. Voglio che l’intestazione del sito sia testo bianco su bkgrd nero. Ho provato questo.

.site-header {
    background-color: #000000;
    color: #ffffff;
}

Mi ha dato il bkgrd nero ma non il testo bianco.
Grazie per eventuali suggerimenti.

(@leohsiang)

1 anno, 3 mesi fa

Rimuovi questo CSS che ho fornito:

.page-header-image.grid-container {
    max-width: 100%;
}

e tieni solo questo:

.page-header-image img {
    width: 100%;
}

Puoi aprire nuovo materiale per la questione separata?

Lanciatore di thread

(@ mnatseah624)

1 anno, 3 mesi fa

Grazie @leohsiang. Adesso ho capito.

(@leohsiang)

1 anno, 3 mesi fa

Nessun problema 🙂

Was this helpful?

0 / 0

Lascia un commento 0

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