pagina blog con anteprima articoli - inserimento barra orizzontale

[bachata]

Salve,

vorrei modificare la pagina  degli articoli del blog che sto realizzando http://www.theamericanschool.it/it/blog per aver un aspetto grafico un pò più ordinato, l'idea è quella di inserire una barra (elemento grafico di distacco) che mi permetta di marcare l'anteprima di un'articolo dall'altra.

La pagina che lista gli articoli e quella degli articoli in evidenza

Quale file di joomla devo modificare per ottenere l'effetto?

grazie per i suggerimenti.

[allegato vecchio più di un anno eliminato da un amministratore]

[tonicopi]

Edita questa regola nel file template.css riga 1209:

Codice: [Seleziona]

span.article_separator {
  background: none repeat scroll 0 0 red;
  display: block;
  height: 0.5em;
  padding: 5px;
}

[bachata]

Edita questa regola nel file template.css riga 1209:

Codice: [Seleziona]

span.article_separator {
  background: none repeat scroll 0 0 red;
  display: block;
  height: 0.5em;
  padding: 5px;
}

Grazie toni!
un'ultimo dettaglio...
come faccio ad aumentare la distanza fra linea ed articolo sopra e sotto?

[tonicopi]

cosi

margin: 10px 0;

si distanzia 10 px dall'elemento sopra  e 10 da quello  sotto
Regola al bisogno 

Ma guarda che anche le proprietà della regola sopra erano solo di esempio. Mica devi fare una riga per forza rossa! Puoi metterci anche una immagine, per dire, come ho fatto qui:
http://www.fcivicenza.com/
Una volta capito dove mettere le mani basta solo un poca di poca di fantasia... 

[bachata]

Risolto con i margin e con una barra grigia sottile.

Grazie toni per l'aiuto.

Devo studiarmi ancora un bel pò i CSS