[RISOLTO] Lof ArticlesScroller module modifica CSS

[Gab75]

Ho installado questo modulo che sembra funzionare bene. Avrei necessità di modificare i colori di sfondo ed in particolare giustificare il testo in visualizzazione in quanto giustificando il testo nell'articolo sorgente tale giustificazione non viene mostrata dal modulo in esecuzione. Sapete quale è il file di css da modificare?
Grazie

[giovi]

Ciao Gab, se ci fornisci un link al sito la procedura sarà sicuramente più rapida

[Gab75]

Grazie Jovi,
il sito in questione è www.majoresassisi.com. Vorrei uniformarlo al design del template magari impostandolo in leggera trasparenza e spaziando il titolo dal testo e magari sapere se c'è la possibilità di impostare l'immagine che originariamente è in orizzontale in orizzontale e non in verticale come avviene di default
Grazie

[Gab75]

Ho dimenticato l'esigenza di sostituire Read more con un testo in italiano...

[giovi]

al css del template aggiungi

Codice: [Seleziona]

.lof-inner{text-align:justify !important;}per giustificare il testo.


Per il read more è necessario operare con override

[Gab75]

Scusami Giovi....ho qualche problema di comprensione...
devo andare a modificare http://www.majoresassisi.com/plugins/system/shadowbox/examples/build/shadowbox.css che è quello che rilevo con F...bug del browser?

[giovi]

ciao, no non devi modificare quello perchè una volta aggiornata l'estensione perderesti le modifiche. il css del template solitamente si trova nella cartella templates/nometemplate/css/ e si chiama template.css o layout.css
al termine di tale file incolli la stringa


Non avere paura di nominare firebug, è stata la più grande invenzione mai conosciuta da un webdesigner secondo me

[Gab75]

Grazie Giovi,

dell'aiuto...concordo con firebug...!grazie provo...hai una idea come posso impostargli la trasparenza?

[giovi]

trasparenza nel senso di mancanza di opacità o di dargli lo stesso colore dello sfondo?

[Gab75]

Volevo ottenere qualcosa che si adattase di più allo sfondo...accetto volentieri suggerimenti vista la tua preparazione e come metterli in pratica. Pensavo, invece di quel bianco come sfondo ad un nero con una trasparenza/opacità del 70%

[giovi]

approfitto del momento per svelare la mia totale ignoranza e mancanza di gusto in materia di grafica
Per quanto riguarda il colore di sfondo vai tranquillo incollando un

Codice: [Seleziona]

.lof-articlessroller .lof-inner {background-color: #fff !important;}
al posto di #fff inserisci il codice esadecimale o la costante definita per il colore (esempio "black" o "white").

per l'opacità sorge un dubbio perché c'è un metodo diverso per ogni browser. Le direttive da inserire sono 3 ma invalidano il codice della pagina (non sarà più dichiarato "accessibile" dal consorzio w3). Sicuro di volerle usare? Piuttosto utilizzerei un'immagine png semitrasparente da impostare come sfondo del div.

[Gab75]

  Lanciata l'idea.....attendo lumi su come inserirgli una immagine in png che gli faccia da sfondo...il dubbio mi viene su come dimensionarla...se gli do dei valori fissi me la scala bene al cambiare delle risoluzioni dei monitor!?

[giovi]

l'immagine png sarà grande 1x1 pixels, verrà ripetuta totalmente per tutto il div! Potresti anche utilizzare quella che già usi come sfondo del contenitore della pagina, sovrapposta a se stessa verrà più scura, come se invece di 50% fosse 75%

[giovi]

il codice diventerà

Codice: [Seleziona]

.lof-articlessroller .lof-inner {background-color: trasparent !important;
background-image: url(../images/nomeimmagine.png) repeat;}

[Gab75]

Buongiorno Giovi,
Grazie per le info...sono stato fuori sede...ora provo a mettere in atto le modifiche. Nel caso in questione dovrei accedere tramite FTP al css del template? Di fatto me ne ritrovo 4
print.css
template.css
template.ie6.css
template.ie7.css
La modifica immagino che debba essere fatta su tutti i fogli di stile
Grazie

[giovi]

No, no: basta nel layout.css o nel template.css. Se per sicurezza vuoi metterlo ovunque va bene lo stesso, ma non è necessario!

[Gab75]

Perfetto l'allineamento giustificato...non funziona la trasparenza...hai qualche ideaa in più per risolvere?
Grazie

[giovi]

controlla che la stringa che hai incollato sia effettivamente stata salvata su quel file!

[Gab75]

.lof-articlessroller .lof-inner {background-color: trasparent !important; e ho richiuso con la graffa mettendolo nel template.css
L'impostazione del giustificato (inserita come tuo suggerimento) l'ha recepita, questa della trasparenza come se non la capisse...
Ho tolto la parte dell'immagine di sfondo che non mi interessa...
Riesci a capire con firebug, vista la tua esperienza, dove può essere il problema?

[giovi]

Stavo facendo proprio questo ma non riuscivo a trovare la stringa.. è come se non venisse interpretata perchè sovrascritta da altro. Appena so qualcosa di più ti informo

[giovi]

riga 2077 di template.css ti risulta esserci questo codice?

Codice: [Seleziona]

.lof-articlessroller .lof-inner {
        background-color: black0 !important;
}

[Gab75]

Sembra che dipenda da style.css del modulo

[giovi]

Quella è la dichiarazione di default. il fatto di inserire !important al termine della nuova dichiarazione implica la sovrascrittura di quella vecchia.

[Gab75]

si...ora reimposto la trasparenza come da te suggerito

[Gab75]

Riuscito....copiando la stringa avevo scritto trasparen invece di transparent...mancava la n...ora ho capito sarebbe solo da modificare ad esempio il titolo , la cornice...ma identificato l'elemento con firebug dovrei correggerlo posponendo sempre important...grazie dell'aiuto Giovi...abbiamo monopolizzato la discussione ma speriamo sia utile anche ad altri