Un utente ha chiesto informazioni su Storefront di Wordpress

Area del contenuto del sito: colore BG sopra l’immagine di sfondo

Un utente ha chiesto 👇

Nel tema Storefront, puoi selezionare un’immagine e un colore di sfondo bg. Voglio che il livello del colore di sfondo sia visibile sopra lo sfondo del sito, come in questo esempio di un altro sito web.

Così com’è, se aggiungo un’immagine di sfondo, il testo del sito si trova direttamente su quel BG piuttosto che sul Colore, rendendo difficile la lettura.

È questo confuso? Spero non sia impossibile.

Grazie

(@lindamork)

Ingegnere della felicità di Automattic

2 anni, 7 mesi fa

Ciao,

Se stai usando un’immagine che ha trasparenza, come un file .png, ad esempio, il colore di sfondo verrà mostrato attraverso i campi trasparenti di quell’immagine. Se non si desidera visualizzare affatto il colore di sfondo attraverso i campi trasparenti dell’immagine, utilizzare un tipo di file immagine diverso come .jpg

Nella tua foto di esempio, la mia ipotesi è che l’immagine di intestazione che hanno usato sia un file .jpg in modo che il colore di sfondo non venga visualizzato.

Se ho perso il segno qui, fammelo sapere!

Lanciatore di thread

(@ meltdown2)

2 anni, 7 mesi fa

Ciao Linda – Grazie per la tua risposta. Ho fatto alcuni progressi nell’ottenere uno snippet di codice specificamente correlato al colore BG della barra laterale:

div#secondary {
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    padding: 5px;
	  border-radius: 20px !important;
    background-color: #eee;
}

Mi piace e si trova sopra l’immagine di sfondo del sito.

Per l’area tematica, posso usare lo stesso:

div#content.site-content {
    border-style: solid;
    border-color: #fff;
    border-width: 0px;
    padding: 5px;
    background-color: #ffffff;
}

Il che ora va bene, anche se voglio imparare a limitare la larghezza in modo che l’immagine BG del sito sia visibile sui bordi. Non sono sicuro di come farlo.

(@lindamork)

Ingegnere della felicità di Automattic

2 anni, 7 mesi fa

Ciao,

Sono contento che tu abbia trovato dei CSS utili !! Puoi fornirci un URL specifico in modo che possiamo visualizzarlo in modo da sapere esattamente cosa stai cercando di modificare? Non sembra che tu voglia apportare modifiche alla tua home page, ma forse una pagina di categoria visto che fai riferimento al colore di sfondo della barra laterale? A questo punto, non riesco a trovare un’immagine di sfondo che hai utilizzato, quindi un URL separato sarebbe utile.

(@jobthomas)

Ingegnere della felicità di Automattic

2 anni, 5 mesi fa

Non ti rispondiamo da un po ‘, quindi lo contrassegnerò come una soluzione: se hai altre domande, puoi iniziare una nuova discussione.

Was this helpful?

0 / 0

Lascia un commento 0

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