Ciao Robort,
per le linee sottili puoi prendere esempio da quelle verdi che già hai, sempre che il sottoscritto abbia capito quali sono le linee che ti interessano.
Questo il codice presente nel tuo sito da cui prendere esempio:/*/templates/maximum/css/verde.css*/
.moduletable h3::after {
background: #78a449;
content: "";
display: block;
height: 2px;
margin: 12px auto 3px;
width: 70px;
}
<!-- html -->
<h3>Accedi/Registrati</h3>Lo stile viene dato dallo pseudo elemento css after . Come usarlo?
Prendiamo il primo degli elementi a cui vuoi aggiungere una linea sottostante.<li itemscope="" itemtype="https://schema.org/Article">
<a href="/disand/bararc/264-cumi" itemprop="url">
<span itemprop="name">
Cucine su misura </span>
[/url]
</li>Al tag a oppure al tag span bisogna aggiungere una classe (o raggiungerlo in altro modo partendo da quelli di livello superiore).
A questa classe va dato uno stile come nell' esempio della linea verde, l'elemento ::after, modificando:
- background
- height
- margin
- width
a seconda di come ti piace.
Se usi il tag span bisogna controllare la proprietà display per fare in modo che sia visualizzato come elemento blocco e non in linea.
Con qualche prova i metodo funziona perché ce l'hai già.
Convengo che non è un sistema da primi passi con i css ... ma la riga viene bene!
Un saluto.
