Joomla.it Forum

Joomla! 3 => Joomla! 3 => : ivan 08 Dec 2013, 12:37:17

: [Risolto] link per vecchi articoli in evidenza.
: ivan 08 Dec 2013, 12:37:17

Ciao a tutti,
in fondo alla mia home page ho i link per leggere i vecchi articoli in evidenza, solo che appaiono in verticale (come da immagine allegata). Come faccio per metterli in orizzontale? E' una impostazione di Joomla o del template?
Grazie, come sempre.

[allegato eliminato automaticamente dopo un anno]

: Re:link per vecchi articoli in evidenza.
: giusebos 08 Dec 2013, 12:42:48

devi intervenire su una regola dei CSS, molto probabilmente inserendo o un float o un display:inline

: Re:link per vecchi articoli in evidenza.
: ivan 08 Dec 2013, 13:15:26

Ok, grazie... provo.

: Re:link per vecchi articoli in evidenza.
: ivan 08 Dec 2013, 13:25:20

Troppo complicato, per me... mi puoi dare qualche dritta in più? Altrimenti passo a soluzioni meno "informatiche". Grazie.

: Re:link per vecchi articoli in evidenza.
: giusebos 08 Dec 2013, 14:14:45

per fare una frittata di 8 uova occorrono 8 uova. :)

nessun'altro metodo meno informatico ti farà ottenere il risultato sperato.
forse un link al tuo sito 8alla pagina da correggere) potrebbe farmi tirare fuori un coniglio dal cappello..... ;)

: Re:link per vecchi articoli in evidenza.
: ivan 08 Dec 2013, 17:19:43

Sottovaluti il detto di far necessità virtù (una mezza idea per aggirare l'ostacolo mi era anche venuta). Visto che posso contare sul tuo aiuto, la accantono: la pagina da correggere è la home di www.adrianaquerze.it
Grazie.

: Re:link per vecchi articoli in evidenza.
: giusebos 08 Dec 2013, 18:00:03

queste le righe di codice che sostituiscono le attuali, guarda nel file a questo indirizzo
http://www.adrianaquerze.it/templates/jf_texturia/css/template.css

+/- alla riga 1148
elimina

:

.pagination strong span {
  background: url("../images/jf_pagination_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  color: #F2F2F2;
  width: 24px !important;
}

e sostituisci con

:

.pagination strong span {
  background:  #FC930A;
  border-radius: 3px;
  color: #F2F2F2;
  width: 24px !important;
}
+/- alla riga 1140
elimina

:

.pagination span, .pagination a {
  background: url("../images/jf_pagination.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 27px;
  line-height: 27px;
  margin-left: 2px;
  text-align: center;
  width: 28px;
}


e sostituisci con

:

.pagination span, .pagination a {
  display: inline;
  height: 27px;
  line-height: 27px;
  margin-left: 2px;
  padding: 5px 9px;
  text-align: center;
  width: 28px;
}
+/- alla riga 1153
elimina

:

.pagination span.p_next span, .pagination span.p_next a {
  background: url("../images/jf_next.png") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
  text-indent: -9999px;
}


:

.pagination span.p_next span, .pagination span.p_next a {
  text-indent: -9999px;
}


: Re:link per vecchi articoli in evidenza.
: ivan 08 Dec 2013, 23:17:05

Ineccepibile, come sempre.
Grazie ancora.