Back to top

Autore Topic: [RISOLTO] Modifica css classe con spazio  (Letto 3232 volte)

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Modifica css classe con spazio
« il: 31 Ago 2017, 15:10:43 »
Ciao,

sto utilizzando il modulo acymailing che, purtroppo, mi utilizza una class css con uno spazio... cosi:
<p class="onefield fieldacyterms">

Il problema è che io voglio modificare quella classe ma non so come fare in quanto contiene uno spazio nel nome.. qual'è la sintassi?
Infatti se cambio il nome della class in "onefield_fieldacyterms" e inserisco la regola css che voglio mi funziona.. altrimenti no.

Oppure c'è un modo per fare l'overraide del modulo?
Perchè il file da modificare si trova in modules\mod_acymailing\tmpl\tableless.php

Questo problema mi sorge in quanto ovviamente se aggiorno il modulo mi sovrascrive il nome della classe che avevo cambiato.. quindi o trovo la sintassi di dichiarare una classe css con spazio nel nome oppure faccio un overraide del modulo.. pero non saprei come fare entrambe le cose..
« Ultima modifica: 01 Set 2017, 13:48:05 da Max90.. »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #1 il: 31 Ago 2017, 15:26:30 »
Guarda che quel paragrafo contiene due classi CSS: "onefield" e "fieldacyterms".
Per modificare o una o l'altra .

Posso scrivere ad esempio così:
Codice: [Seleziona]
<div class="classi1 classi2 classi3 classi4 pippo pluto">...</div>Questo si traduce con la somma delle istruzioni di tutte le classi inserite.
« Ultima modifica: 31 Ago 2017, 15:28:20 da xplosion »

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #2 il: 31 Ago 2017, 17:02:59 »
Guarda che quel paragrafo contiene due classi CSS: "onefield" e "fieldacyterms".
Per modificare o una o l'altra .

Posso scrivere ad esempio così:
Codice: [Seleziona]
<div class="classi1 classi2 classi3 classi4 pippo pluto">...</div>Questo si traduce con la somma delle istruzioni di tutte le classi inserite.

Quindi se sono due classi dovrei fare cosi:
.onefield .fieldacyterms { }

Però non funziona la classe cosi..
« Ultima modifica: 31 Ago 2017, 17:05:19 da Max90.. »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #3 il: 31 Ago 2017, 17:59:21 »
Non hai capito.
Inserisci le tue istruzioni in una delle classi, ad esempio:


Codice: [Seleziona]
.onefield{color:red;}

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #4 il: 31 Ago 2017, 18:20:23 »
Quindi se sono due classi dovrei fare cosi:
.onefield .fieldacyterms { }

Però non funziona la classe cosi..

Nel caso di "classi multiple", le classi vanno scritte una dopo l'altra senza lo spazio.
.onefield.fieldacyterms { }

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #5 il: 31 Ago 2017, 20:48:27 »
Nel caso di "classi multiple", le classi vanno scritte una dopo l'altra senza lo spazio.
.onefield.fieldacyterms { }

Ok ho risolto cosi, grazie mille a entrambi :)

E nel caso in cui ho una riga di css nella directory media/com_acymailing/css/module_default.css (margin:auto) che voglio togliere dal css del modulo? perchè l'ho commentata però anche  qui sorge il problema che se aggiorno in futuro il modulo questa ritornerà..
« Ultima modifica: 31 Ago 2017, 20:51:40 da Max90.. »

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #6 il: 31 Ago 2017, 21:52:34 »
Dovresti inserire le tue modifiche css in un file custom.css (ogni template ha le sue procedure per crearlo); tale file non viene toccato da aggiornamenti di qualunque natura, per cui non perderai le modifiche da te apportate.
Se poi non ti fidi, fai una copia del tuo file custom.css prima di un aggiornamento e, in caso di problemi (mai successo finora... :-X ) lo ripristini.

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #7 il: 01 Set 2017, 12:37:44 »
Dovresti inserire le tue modifiche css in un file custom.css (ogni template ha le sue procedure per crearlo); tale file non viene toccato da aggiornamenti di qualunque natura, per cui non perderai le modifiche da te apportate.
Se poi non ti fidi, fai una copia del tuo file custom.css prima di un aggiornamento e, in caso di problemi (mai successo finora... :-X ) lo ripristini.
Si infatti utilizzo gia il file css custom.css del template per le modifiche.
Però qua il problema è un altro.. ti spiego meglio... ho questo css cosi:
Codice: [Seleziona]
table.acymailing_form{
    margin:auto;
    border:0px !important;
}

Io vorrei lasciarlo uguale ma togliendo appunto "margin:auto;".
Ora io ho tolto la riga direttamente nel css del modulo però quando verrà aggiornato ritornera come prima.

Come devo fare nel custom.css del template?
Perchè l'ho sempre usato per aggiungere css o modificare quelli esistenti.. ma in questo caso dato che devo solamente togliere quella riga non mi funziona... ho provato a scrivere la regola nel custom.css senza margin:auto ma non la applica.
« Ultima modifica: 01 Set 2017, 12:42:22 da Max90.. »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #8 il: 01 Set 2017, 13:10:28 »
... ho provato a scrivere la regola nel custom.css senza margin:auto ma non la applica.
Non si può applicare qualcosa che non esiste.
La devi sovrascrivere, quindi nel tuo custom.css devi scrivere qualcosa del genere:
Codice: [Seleziona]
margin:0!important;

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css classe con spazio
« Risposta #9 il: 01 Set 2017, 13:47:52 »
Non si può applicare qualcosa che non esiste.
La devi sovrascrivere, quindi nel tuo custom.css devi scrivere qualcosa del genere:
Codice: [Seleziona]
margin:0!important;
Ah ecco, non ci avevo pensato!

Grazie mille siete stati gentili e disponibili  ;D

 



Web Design Bolzano Kreatif