Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : blumedia 06 Jul 2021, 13:32:16
-
Ciao a tutti
ho un problema con il template Joomlage0071 - simplex.
Praticamente tutti i moduli bottom-1a...1f e bottom-2a...2f appaiono sui pc e sui tablet, ma non sui telefoni.
Ho controllato più volte i settaggi diretti sul template, ma non sono riuscita a risolvere il problema.
Qualcuno ha utilizzato questo template ed ha risolto questo problema?
Ringrazio anticipatamente.
-
la versione gratuita è limitata, ma penso che modificando i css dovresti poter vedere quelle posizioni.
-
Ti ringrazio giusebot della risposta.
Purtroppo non so proprio cosa posso modificare nei css.
Per quanto riguarda i colori e gli spazi me la cavo.
Ma per quanto riguarda cose non visibili sui cellulari non so da che parte iniziare.
-
Usa chrome o firefox e gli strumenti per sviluppatore (premi F12) imposta i device portatili, ti si restringerà la finestra interna del browser.
allargala e restringila finchè non vedi apparire/sparire quei moduli.
Bene adesso tieni larga la finestra per visualizzarli e analizza il codice html e vedi a quale classe fa riferimento nei css, restringendo la finestra apparirà la stessa classe montata su una mediaquery con sicuramente una dichiarazione display:none
Questi strumenti sono la chiave per fare tutte le modifiche necessarie, insieme ad una buona conoscenza dei css.
Non apprendendone le potenzialità, sei zoppo nel fare questo lavoro........
-
Ho seguito il tuo consiglio, ed ho scoperto che il display di cui parli è nella classe #container_bottom_modules. Ma non riesco a trovare il file css da variare.
Ho inserito in allegato lo screenshot del codice.
-
forse nexus.css ?
-
Allora ho controllato tutti i file css e l'unico che contiene "display: none !important;" è bootstrap.css
e questo è il codice che ho trovato. Sembrerebbe che anche su tablet non sia visibile il modulo mentre invece è visibile.
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
-
Quando al posto del percorso del file css c'è scritto index, vuol dire che quella specifica regola è scritta nel file index del template, infatti si legge index al posto del percorso.
fai attenzione perchè spesso la index è composta da vari file, ad esempio in alcuni template basati su framework tipo T3, gantry, elix etc etc, ma non è una regola fissa.
-
controllato in tutti i file, ma non ho trovato niente. Ci rinuncio. Ho perso 3 giorni in questa cosa. Il gioco non vale la candela. Grazie a tutti ugualmente.