Autore Topic: custom.css non sovrascrive  (Letto 318 volte)

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • Fraternità Maria Immacolata
custom.css non sovrascrive
« il: 17 Ott 2017, 08:46:48 »
Buongiorno a tutti...
Ho letto qua e la nel forum, ma non mi spiego quale possa essere il mio problema.

Ho questa pagina. Come potete notare nella tabella in basso il codice IBAN ha un carattere enorme. Ho riscritto la regola dell'estensione originale all'interno del file custom, ho attribuito la nuova classe al mio modulo (vedi immagine allegata), ma la grandezza del carattere non cambia.

Regola originaria:
Codice: [Seleziona]
.sprocket-tables-price {font-size: 2.2em; font-weight: bold; padding: 20px 15px; word-wrap: break-word;}
Regola custom:
Codice: [Seleziona]
.come-aiutarci .sprocket-tables-price {font-size: 14px; font-weight: bold;padding: 20px 15px; word-wrap: break-word;}
Analizzando la pagina ho notato che legge sempre il css del componente.

Allora mi sono detta: ok, sarà un problema di cache. Ho svuotato la cache di joomla (addirittura l'ho disattivata), ho eliminato qalsiasi tipo di compressione del css, ho svuotato la cache del browser e fatto prove da più pc e supporti mobili, ma niente.
Quale potrebbe essere il problema?

Ci tengo a precisare che ho già riscritto altre regole dello stesso componente (anche se per un tipo di visualizzazione diversa) in altre pagine ed ha funzionato (come in questo caso [slider in fondo alla pagina]). Regola personalizzata, inserita nel mio modulo e riscrive.
Non mi spiego...
Volevo utilizzare custom.css e non il css originale perchè ovviamente la modifica a questo tipo di modulo mi interessa soltanto in questa pagina...
Molto strano...
Idee?

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3717
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:custom.css non sovrascrive
« Risposta #1 il: 17 Ott 2017, 09:00:32 »
Regola custom:
Codice: [Seleziona]
.come-aiutarci .sprocket-tables-price {font-size: 14px; font-weight: bold;padding: 20px 15px; word-wrap: break-word;}
Da dove hai tirato fuori quella classe .come-aiutarci ?
Prova così:
.sprocket-tables-price {font-size: 1em!important;}

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • Fraternità Maria Immacolata
Re:custom.css non sovrascrive
« Risposta #2 il: 17 Ott 2017, 10:51:28 »
Grazie per la risposta.
La classe l'ho fatta io. Però ho attribuito il mio suffisso al modulo. L'ho fatto anche con un altro modulo e funziona.
Mi spiego:
Scorri fino in fondo alla slider in questa pagina e se analizzi l'elemento noterai che ho fatto la stessa cosa (in questo caso però custom.css prevale). L'estensione è sempre la stessa, ma con un altro modulo.

Codice: [Seleziona]
.accordion-cittadella .sprocket-accordion-title
Poi ho attribuito la classe personalizzata "accordion-cittadella" al singolo modulo e se analizzi l'elemento vedrai che carica custom.css (guarda le immagini allegate!)

Con important avevo provato... Se io in custom.css scrivo come mi hai suggerito
Codice: [Seleziona]
.sprocket-tables-price {font-size: 1em!important;}funziona (anche senza important), ma avrò il carattere di quella grandezza per tutti i moduli che utilizzeranno quella classe.
Attribuendo una classe personalizzata io ce l'avrò solo ed esclusivamente su quella tabella! Perchè io voglio soltanto l'IBAN con carattere 14.

Quello che non mi spiego è perchè nel caso di "accordion-cittadella" funziona e nel caso di "come-aiutarci" no e continua a leggere il css del modulo originario.
Non so se riesco a spiegarmi.

Stessa estensione, stesso procedimento, su un modulo funziona e su uno no!
« Ultima modifica: 17 Ott 2017, 10:53:17 da mariarosaria »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3717
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:custom.css non sovrascrive
« Risposta #3 il: 17 Ott 2017, 11:23:18 »
ho capito.
sembra che per qualche ragione non viene salvata e interpretata la tua classe.

Offline Alex21

  • Appassionato
  • ***
  • Post: 498
    • Mostra profilo
    • servizi web
Re:custom.css non sovrascrive
« Risposta #4 il: 17 Ott 2017, 11:47:00 »
Ciao Mariarosaria,
il tuo elemento html è questo:
<span class="sprocket-tables-price sprocket-tables-cell sprocket-tables-bg2">IBAN IT26F0335901600100000011698</span>
Ci sono 3 nomi di classe.
Dovrebbe funzionare combinandoli in questo modo:
Codice: [Seleziona]
sprocket-tables-price.sprocket-tables-cell.sprocket-tables-bg2{font-size:1em !important;}Per spiegazioni puoi leggere questo link  https://stackoverflow.com/questions/3073386/in-css-is-class1-class2-legal-and-common-usage
Un saluto.

« Ultima modifica: 17 Ott 2017, 11:54:03 da Alex21 »

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • Fraternità Maria Immacolata
Re:custom.css non sovrascrive
« Risposta #5 il: 17 Ott 2017, 14:36:33 »
Ho provato ma non va.
Tra l'altro non credo di dover unificare le classi.  :-[
Se lo provo in diretta sul suo css (product.css), funziona modificando anche solo ".sprocket-tables-price". (immagine allegata)
Tra l'altro, ripeto, ho fatto la stessa cosa con parecchi altri moduli, ho preso la singola riga, ho aggiunto la classe personalizzata e il gioco è fatto!
Anche in fondo alla home page, se guardi, dove c'è il modulo "pillole kolbiane", stesso meccanismo. Classe personalizzata "pillole" e modifiche a quell'unico modulo. (immagine 2)
Per questo non mi spiego perchè non deve andare!
Pazienza...Ho provato anche a cambiare nome suffisso...
Misteri...

Offline Alex21

  • Appassionato
  • ***
  • Post: 498
    • Mostra profilo
    • servizi web
Re:custom.css non sovrascrive
« Risposta #6 il: 17 Ott 2017, 17:35:11 »
Ho provato ma non va.
Tra l'altro non credo di dover unificare le classi.  :-[
C'è un errore nel codice che ti ho scritto, ho dimenticato il puntino iniziale ...
Codice: [Seleziona]
.sprocket-tables-price.sprocket-tables-cell.sprocket-tables-bg2{font-size:1em !important;}Le "classi unificate" sono un sistema diffuso, il più semplice per dare lo stile anche ad un singolo tag.
Ciao!



Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3717
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:custom.css non sovrascrive
« Risposta #7 il: 17 Ott 2017, 19:38:59 »
@Alex21
Non è un problema delle classi unificate o no.
Il tuo codice, con le classi unificate non è univoco e si potrebbe trovare anche in un'altra parte del sito quando verrà riutilizzato il modulo.
In questo particolare caso si desidera di dare uno stile (utilizzando la classe .come-aiutarci) solo in quella pagina.
Il fatto è che quella classe non viene renderizzata.
Non so se mi sono spiegato...

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • Fraternità Maria Immacolata
Re:custom.css non sovrascrive
« Risposta #8 il: 18 Ott 2017, 13:13:30 »
Grazie xplosion.
Si si, io ce l'ho molto chiaro...
Per questo non riesco a spiegarmi il motivo del perchè non debba andare.
Difatti solitamente utilizzo questo metodo per cambiare un singolo attributo di un singolo modulo.
Ho provato a cambiare anche il nome (chissà, magari non gli piaceva), ma niente, pazienza...
Vorrà dire che cambiarò il css originale cercando di dare una formattazione che sia abbastanza generica.

Per alex21: avevo aggiunto il puntino iniziale, grazie...

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3717
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:custom.css non sovrascrive
« Risposta #9 il: 18 Ott 2017, 13:20:21 »
Modulo rocksproket e joomla sono aggiornati all'ultima versione ?
Utilizzi per caso JCH optimize ?

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • Fraternità Maria Immacolata
Re:custom.css non sovrascrive
« Risposta #10 il: 18 Ott 2017, 13:24:12 »
Entrambi aggiornati...
JCH non so neanche cosa sia...

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3717
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:custom.css non sovrascrive
« Risposta #11 il: 18 Ott 2017, 14:54:45 »
Visto che è un template creato con Warp, perché non provi a utilizzare il Widgekit al posto di RokSprocket ?

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • Fraternità Maria Immacolata
Re:custom.css non sovrascrive
« Risposta #12 il: 19 Ott 2017, 08:39:48 »
No...
Non ho la possibilità di creare tabelle. Ovviamente è la versione free.
Non importa. Sarà incriccato.
Grazie a tutti comunque  ;)

 

Torna su