[Risolto] colore sfondo singolo widget

ciao staff, premetto che da buon utente ho cercato e letto quanto trovato, ho delle domande circa il cambio di colore di sfondo di un singolo widget che vorrei sottoporvi :

- si può fare solo sui personalizzati o anche sui predefiniti?

- il codice che porbabilmente mi passerete dove va messo? E ci va messo facendo un semplice copia incolla alla fine, all'inizio, dove? vi premetto che di html non capisco un'acca...tml!

- è possibile metterci una immagine al posto dello sfondo che sia però di sfondo? fino ad ora riesco solo a metterla o sopra o sotto il testo...

per ora è sufficiente, vi ringrazio in anticipo

@legione78 ha scritto:ciao staff, premetto che da buon utente ho cercato e letto quanto trovato, ho delle domande circa il cambio di colore di sfondo di un singolo widget che vorrei sottoporvi :

- si può fare solo sui personalizzati o anche sui predefiniti?

https://aiuto.forumattivo.it/t7713-codici-css

prova anche questo (lo sfondo e' bianco per cambiare colore devi mofificare #FFFFFF)

TABELLA COLORI

Codice:

.module .box-content {
border-bottom: none;
line-height: normal;
padding: 5px;
background-color: #FFFFFF;
}

@legione78 ha scritto:- il codice che porbabilmente mi passerete dove va messo? E ci va messo facendo un semplice copia incolla alla fine, all'inizio, dove? vi premetto che di html non capisco un'acca...tml!

copia /incolla

@legione78 ha scritto:- è possibile metterci una immagine al posto dello sfondo che sia però di sfondo? fino ad ora riesco solo a metterla o sopra o sotto il testo... nel primo link trovi la risposta
per ora è sufficiente, vi ringrazio in anticipo

nel primo link trovi la risposta.vedi dove arrivi poi ci risentiamo

intatno grazie mille...provo!

le parti che mi interessano sono queste giusto?

2. Modificare i Moduli o Widgets:

* Il Colore


Code: ----------Selezionare il contenuto
.module h3 {
background-color: #00000000;
}



Devi modificare il 00000000 per il codice del colore desiderato


* L'immagine


Code: ----------Selezionare il contenuto
.module h3 {
background-image: url('http://miimagen.jpeg');
}



Sustituire Miniimagen.jpeg per l'URL della vostra immagine

Spiegazione: H3 è la parte del titolo dei moduli


* Per gestire la parte dei titoli dei moduli


Code: ----------Selezionare il contenuto
.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 1px solid #b52c97;
height: 1%;
text-align:center;
background-image: url('http://miimagen.jpeg');
}



Spiegazione:
color: # 000000; Colore del titolo del moduli
text-align: center; posizione del titolo (left / center / rigth)
background-image: url ( 'http://miimagen.jpeg');Immagini di sfondo dei titoli
border-bottom: 1px solid # b52c97; linea sottostante i titoli


* Contorno dei Moduli


Code: ----------Selezionare il contenuto
.module {
border: 1px #00000 solid;
}



Spiegazione:
border: 1px "spessore" del contorno
#00000 solid; Colore e estruturra del contorno (dotted,inset,outset,double)


* Aggiungere un colore di sfondo per i moduli


Code: ----------Selezionare il contenuto
.module {
border: 1px #0000000 solid;
background-color: #ecf3f7;
}



Spiegazione:
background-color: #ecf3f7; colore di sfondo (si può mettere l'immagine)

altra cosa, i codici li incollo in Foglio di stile CSS ? per ora se vado li è tutto bianco e mi dice visualizza i codici di base o qualcosa del genere, solo se clicco li mi si apre una finestra con il codice di tutto il forum...prima di incollare i codici che mi hai segnalato devo cancellare qualcosa di la oppure sovrascrive da solo?

help!

@legione78 ha scritto:altra cosa, i codici li incollo in Foglio di stile CSS ? per ora se vado li è tutto bianco

lo poui fare anche li il copia /incolla il risultato e lo stesso

fantastico funziona tutto grazie mille....però riesco ad inserire l'immagine solo nel titolo (h3)...come posso metterla di sfondo al contenuto del widget?

grazie!

prova con questo

Codice:

.module {
background-color:?????;
color: #?????;
}

ok risolto. grazie mille!