Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: [Risolto] Personalizzare CSS di un modulo "Articolo - Recenti"  (Letto 2449 volte)

Offline cloud7-2

  • Nuovo arrivato
  • *
  • Post: 25
    • Mostra profilo
[Risolto] Personalizzare CSS di un modulo "Articolo - Recenti"
« il: 27 Dic 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!
« Ultima modifica: 28 Dic 2017, 15:12:54 da cloud7-2 »
Connesso

Offline Alex21

  • Appassionato
  • ***
  • Post: 645
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #1 il: 27 Dic 2017, 12:25:05 »
Citazione da: cloud7-2 - 27 Dic 2017, 00:52:02
. . . con gli articoli mostrati uno sotto l'altro a mo di elenco con dei puntini accanto, del tipo:
  • Articolo 1
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:

Codice: [Seleziona]
<!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!
Connesso

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #2 il: 27 Dic 2017, 14:01:26 »
Come perfettamente ricordato da Alex21, l'istruzione per togliere i puntini dalla lista è
Codice: [Seleziona]
list-style-type: noneUna via semplice e rapida per eliminarli è creare una classe tipo (la classe la metti nel custom.css):
Codice: [Seleziona]
.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).
Connesso

Offline cloud7-2

  • Nuovo arrivato
  • *
  • Post: 25
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #3 il: 28 Dic 2017, 11:38:24 »
Ciao ragazzi, purtroppo non funzionava.
Ho risolto rimuovendo i pallini in questo modo


Codice: [Seleziona]
.latestnews {list-style:none}

Grazie per le risposte!  :D
Connesso

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #4 il: 28 Dic 2017, 11:49:53 »
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...  ;)
Connesso

Offline cloud7-2

  • Nuovo arrivato
  • *
  • Post: 25
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #5 il: 28 Dic 2017, 11:55:52 »
Sarà forse perché utilizzo il T3 framework e comanda lui?
Connesso

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #6 il: 28 Dic 2017, 12:01:26 »
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...
Connesso

Offline cloud7-2

  • Nuovo arrivato
  • *
  • Post: 25
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #7 il: 28 Dic 2017, 12:07:20 »
Hai ragione, funziona anche il vostro! Mi sa che mi sono perso lo spazio...  :P
Connesso

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #8 il: 28 Dic 2017, 12:11:11 »
Ok!  ;) :)


Connesso

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzare CSS di un modulo "Articolo - Recenti"
« Risposta #9 il: 28 Dic 2017, 14:08:46 »
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.
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl