Colori

**progettireader** · 11-09-2023, 09.43.56

Salve. Vorrei sapere se si può cambiare il colore dello sfondo e delle scritte di tutte le pagine e articoli tutto in una volta o se devo farlo per ogni articolo e pagina. Perché ne ho aperte tante ma sto valutando che un altro colore sarebbe meglio. E farlo manualmente x tutte è un lavoraccio.
Inoltre sto cercando di avvicinare un po le immagini. ho fatto varie prove ma forse vado nella voce sbagliata. vado su widget e tra le opzioni clicco sulla voce IMMAGINE

Grazie a chi mi risponderà

**albenessereblog** · 11-09-2023, 23.38.06

Originalmente inviato da progettireader

Salve. Vorrei sapere se si può cambiare il colore dello sfondo e delle scritte di tutte le pagine e articoli tutto in una volta o se devo farlo per ogni articolo e pagina. Perché ne ho aperte tante ma sto valutando che un altro colore sarebbe meglio. E farlo manualmente x tutte è un lavoraccio.
Inoltre sto cercando di avvicinare un po le immagini. ho fatto varie prove ma forse vado nella voce sbagliata. vado su widget e tra le opzioni clicco sulla voce IMMAGINE

Grazie a chi mi risponderà

Qual'è il sito? Che cosa sono quei rettangoli rossi?

**progettireader** · 12-09-2023, 00.03.18

Il sito è questo.
https://progettireader.altervista.org

I rettangoli li ho messi io per far capire quale spazio vorrei diminuire, e cioè la distanza tra una immagine e l'altra

**alemoppo** · 12-09-2023, 00.33.57

Per diminuire la loro distanza:

Codice:

.ultp-block-image img {
    padding-bottom: 3px;
    padding-top: 3px;
}

Per il colore (colorerà sia Ultimi Capitoli, sia Ultimi Progetti):

Codice:

.ultp-block-content-wrap {
    background-color:#FF0000;
}

Come al solito, prima controlla se è possibile farlo dalle impostazioni del tema/widget.

Ciao!

**frasidipace** · 12-09-2023, 08.42.51

Salve,
il colore dello sfondo può modificarlo da Aspetto->Personalizza->Globale->Sfondo.
La personalizzazione grafica del widget, invece, la può fare sempre attraverso la configurazione del plugin come Le avevo indicato nell'altro post.
In Aspetto->Widget clicchi sul widget degli Ultimi progetti. A destra si apre il box per la configurazione grafica. Clicchi sulla freccia in corrispondenza di Immagine e setti il valore del campo Img Spacing come desiderato.

Saluti

**progettireader** · 12-09-2023, 16.52.37

la distanza si è modificata. grazie

Originalmente inviato da alemoppo

Per diminuire la loro distanza:

Codice:

.ultp-block-image img {
    padding-bottom: 3px;
    padding-top: 3px;
}

Per il colore (colorerà sia Ultimi Capitoli, sia Ultimi Progetti):

Codice:

.ultp-block-content-wrap {
    background-color:#FF0000;
}

Come al solito, prima controlla se è possibile farlo dalle impostazioni del tema/widget.

Ciao!

**progettireader** · 12-09-2023, 21.59.37

lo sfondo cambia solo sotto non in tutta la pagina. quindi penso serva un codice. A me interessa cambiare le sfondo di tutte le pagine, degli articoli meglio di no.
per la questione delle immagini avevo fatto cosi infatti, come è nello screen, ma non cambiava nulla.

**albenessereblog** · 12-09-2023, 22.06.37

Originalmente inviato da progettireader

lo sfondo cambia solo sotto non in tutta la pagina. quindi penso serva un codice. A me interessa cambiare le sfondo di tutte le pagine, degli articoli meglio di no.
per la questione delle immagini avevo fatto cosi infatti, come è nello screen, ma non cambiava nulla.

Prova questo:

Codice HTML:

.site {
    background-color: red;
}

Il CSS lo puoi cercare anche tu, clicchi col destro sulla pagina e apre un menù a tendina, cerca "Ispeziona elemento", da li puoi fare le prove col codice che modifichi.

**progettireader** · 12-09-2023, 22.09.57

Il fatto è che sono poco pratica. Il codice che mi hai mandato è x lo sfondo giusto?
Essendo spratica non sono come abbia fatto ma le scritte nere che sono dove c'è il cerchio ora sono bianche (sono il oersorso x arrivare a qll pagina). E non so come sistemare.

**progettireader** · 12-09-2023, 22.11.30

https://ibb.co/vsfJ3s5

**albenessereblog** · 12-09-2023, 22.13.05

Originalmente inviato da progettireader

Il fatto è che sono poco pratica. Il codice che mi hai mandato è x lo sfondo giusto?
Essendo spratica non sono come abbia fatto ma le scritte nere che sono dove c'è il cerchio ora sono bianche (sono il oersorso x arrivare a qll pagina). E non so come sistemare.

Una cosa per volta. Il mio codice ha scritto "red" che significa rosso, era una prova del colore. Prova a inserirlo e vedi dove diventa rosso.

**progettireader** · 12-09-2023, 22.18.16

Si diventa rosso. So che vuol dire Red ahah
Infatti poi ho cambiato in Black ma non funziona

**progettireader** · 12-09-2023, 22.21.17

Diventa rossa pure la home. Ma io vorrei solo alcune pagine con lo sfondo diverso e non tutte

**albenessereblog** · 12-09-2023, 22.25.56

Originalmente inviato da progettireader

Diventa rossa pure la home. Ma io vorrei solo alcune pagine con lo sfondo diverso e non tutte

il nome del colore devi scriverlo in minuscolo. Per trovare il CSS di ogni pagina, aprila e fai come ti ho detto nel post precedente per trovare il codice giusto.

**progettireader** · 12-09-2023, 22.31.55

Si lho messo in minuscolo. Quindi facendo come hai detto posso modificare il colore delle pagine che voglio?

**albenessereblog** · 12-09-2023, 22.45.16

Originalmente inviato da progettireader

Si lho messo in minuscolo. Quindi facendo come hai detto posso modificare il colore delle pagine che voglio?

Si, puoi modificare il CCS come prova però, se poi aggiorni la pagina vedrai che ritorna come originale. Questa prova la si fa per vedere subito il risultato, poi il CSS modificato dovrai metterlo nel file dei CSS ovviamente, se vuoi che la modifica rimanga. L'ideale è avere un CSS-child (ma non so se sai cos'è)

**progettireader** · 12-09-2023, 22.51.11

No in realtà non lo so
Posso provare e se non mi piace rimetto come prima. Proverei solo con una pagina.

E riguardo il fatto che dove c'è il segno rosso non si vede la scritta che è bianca? Ho guardato ovunque e non ho capito come sistemare

https://ibb.co/vsfJ3s5

Scusate i troppi problemi ma sto imparando in questo periodo

**albenessereblog** · 12-09-2023, 23.00.21

Originalmente inviato da progettireader

No in realtà non lo so
Posso provare e se non mi piace rimetto come prima. Proverei solo con una pagina.

E riguardo il fatto che dove c'è il segno rosso non si vede la scritta che è bianca? Ho guardato ovunque e non ho capito come sistemare

https://ibb.co/vsfJ3s5

Scusate i troppi problemi ma sto imparando in questo periodo

Non c'è bisogno che rimetti il CSS come prima, devi solo aggiornare la pagina (tasto Command +R) e ritorna da sola come prima.
Mandami il link della pagina col segno rosso (e spiega bene il problema).

**progettireader** · 12-09-2023, 23.09.04

Appena mi metto al pc provo.

Questa è una delle pagine.
https://progettireader.altervista.or...ssion-2-parte/

In alto a sinistra c'è il titolo Term ecc e a destra il percorso home ecc ma non si vede perché è bianco. Non so come ho fatto perché prima era nero

**albenessereblog** · 12-09-2023, 23.15.14

Originalmente inviato da progettireader

Appena mi metto al pc provo.

Questa è una delle pagine.
https://progettireader.altervista.or...ssion-2-parte/

In alto a sinistra c'è il titolo Term ecc e a destra il percorso home ecc ma non si vede perché è bianco. Non so come ho fatto perché prima era nero

Questo è il CSS

Codice HTML:

#flash-breadcrumbs a, #flash-breadcrumbs span, .breadcrumb-trail.breadcrumbs .trail-items li span::before {
    color: #000;
}

Sai come l'ho trovato? Col mouse sono passato sulla barra grigietta fino a dove da puntatore è apparsa la manina e poi ho fatto la prova del CSS che ti ho spiegato.

**progettireader** · 12-09-2023, 23.17.59

Io andrei a tentativi perché non conosco i codici. Basta che lo incollo sulla voce CSS?
In color devo mettere 000000 sei zeri e non 3. È strano siano 3

**albenessereblog** · 12-09-2023, 23.24.40

Originalmente inviato da progettireader

Io andrei a tentativi perché non conosco i codici. Basta che lo incollo sulla voce CSS?
In color devo mettere 000000 sei zeri e non 3. È strano siano 3

Si, quello è il codice da incollare nel CSS vero. Quando il colore ha tutti e 6 i numeri uguali, ne puoi mettere anche solo 3, es: #000 (nero), #fff (bianco).

**progettireader** · 12-09-2023, 23.27.56

Ah non sapevo questo cosa dei 3 invece che sei. Sei stato molto gentile. Ora lo incollo grazie

**frasidipace** · 15-09-2023, 12.32.19

Originalmente inviato da progettireader

lo sfondo cambia solo sotto non in tutta la pagina. quindi penso serva un codice. A me interessa cambiare le sfondo di tutte le pagine, degli articoli meglio di no.
per la questione delle immagini avevo fatto cosi infatti, come è nello screen, ma non cambiava nulla.

Lo sfondo è relativo all'intero sito. Impostandolo vede il colore solo in basso perché il laout impostato è ampio. Con layout Boxed si vedrebbe anche lateralmente e in alto, lasciando il colore della pagina intatto.
Se vuole modificare lo sfondo sulle singole pagine diversificando anche per singola pagina, deve impostare il CSS nel seguente modo:

Codice:

.page-id-x #content {
	background-color: red!important;
}
.page-id-y #content {
	background-color: green!important;
}

I valori x e y devono essere valorizzati con l'id delle singole pagine, che può reperire accendendo all'elenco delle pagine e portando il mouse sul nome delle pagine. Ovviamente può impostare i colori che preferisce.

per la questione delle immagini avevo fatto cosi infatti, come è nello screen, ma non cambiava nulla.

Con le prove che ho fatto la distanza si modificava.

Saluti

Discussione: Colori

LinkBack

Strumenti discussione

Display

Colori

Regole di scrittura