Joomla.it Forum
Joomla! 3 => Joomla! 3 => : cloud7-2 27 Dec 2017, 00:52:02
-
Ciao ragazzii!
Utilizzo Purity III e vorrei mostrare tramite un loadposition alla fine di alcuni articoli un modulo "Articolo - Recenti" che mostri una serie di articoli all'interno di una determinata categoria, fin qui nulla di che.
Ho visto però che gli stili che il modulo eredita dal template sono tutti simili, con gli articoli mostrati uno sotto l'altro a mo di elenco con dei puntini accanto, del tipo:
- Articolo 1
- Articolo 2
- ...
- Articolo n
Mi piacerebbe cambiare il CSS del modulo personalizzando il file custom.css.
Come dovrei fare per far si che questi dannati pallini scomparissero?
Che codice potrei inserire nel custom.css per fare in modo di avere una lista senza elenco? grazie in anticipo!
-
. . . con gli articoli mostrati uno sotto l'altro a mo di elenco con dei puntini accanto, del tipo:
Come dovrei fare per far si che questi dannati pallini scomparissero?
Che codice potrei inserire nel custom.css per fare in modo di avere una lista senza elenco? grazie in anticipo!
Se il puntino accanto è quello a sinistra, allora puoi modificare il css sulla falsariga di questo esempio ottenuto modificando leggermente uno degli esempi di questo link: https://www.w3schools.com/tags/tag_ul.asp
esempio:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
display: block;
list-style-type: none;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
</style>
</head>
<body>
<p>A ul element is displayed like this:</p>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<p>Change the default CSS settings to see the effect.</p>
</body>
</html>
L' istruzione che toglie i puntini è list-style-type: none;
Ciao!
-
Come perfettamente ricordato da Alex21, l'istruzione per togliere i puntini dalla lista è
list-style-type: noneUna via semplice e rapida per eliminarli è creare una classe tipo (la classe la metti nel custom.css):
.nocircle {
list-style-type: none ;
}e poi assegnare tale classe al modulo che ti interessa (come al solito tramite "Suffisso classe CSS modulo" nelle impostazioni avanzate del modulo).
-
Ciao ragazzi, purtroppo non funzionava.
Ho risolto rimuovendo i pallini in questo modo
.latestnews {list-style:none}
Grazie per le risposte! :D
-
Bene per la soluzione alternativa che hai utilizzato!
Non riesco a capire, però, perché la classe che ti ho suggerito non funzioni. Sul sito con Purity III dove l'ho provata funziona benissimo...!
Non è un problema grave, in ogni caso... ;)
-
Sarà forse perché utilizzo il T3 framework e comanda lui?
-
No, il template Purity III è "costruito" - così come moltissimi altri template - sul framework T3.
Il problema non sta qui.
La classe che ti ho postato, dopo averla inserita nel custom.css, l'hai "richiamata" nelle impostazioni avanzate del modulo (preceduta da uno spazio)?
Giusto per la curiosità; visto che per funzionare, funziona...
-
Hai ragione, funziona anche il vostro! Mi sa che mi sono perso lo spazio... :P
-
Ok! ;) :)
-
Bene!
Per cortesia cloud7-2 inserisci [RISOLTO] all'inizio del titolo del tuo primo post in modo da facilitare la navigazione del forum da parte degli utenti, grazie.