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