Posso spostare di posizione i .tags dell'articolo?

[simpad]

Ciao!
Ora i tags dell'articolo sono in fondo allo stesso.
Solo che sono dopo il plugin dei commenti di facebook.
Aperto l'articolo li vorrei sotto il plugin dei pulsanti di condivisione (fast social share) e prima dei commenti di facebook.
In vista categoria (aprendo la categoria con l'elenco degli articoli della stessa), li vorrei sotto il plugin dei pulsanti di condivisione (fast social share) e prima del "leggi tutto".
Si può fare? Grazie!
sito
www.aspergerway.com
user e password: offline

[adottauncane]

Ma, con i css non è proprio il massimo, dovresti fare un override della pagina...
Comunque, prova così, ma controlla che non faccia pasticci su smartphone o tablet...

Codice: [Seleziona]

.al_comments_count {margin-top: 60px;}

.tags {margin-top: 20px;position: absolute;}

[simpad]

Da articolo aperto va bene, in vista categoria è uguale a prima, anzi l'articolo successivo taglia un pezzo di etichette.
puoi guardare...

[adottauncane]

Prova con margin-top: 5px;
anziché 20px

Codice: [Seleziona]

.tags {margin-top: 5px;position: absolute;}

[simpad]

Ok, non vengono tagliate, ma sembrano i tag dell'articolo successivo talmente sono vicini.
Forse stanno meglio e si risolve a metterli sopra i pulsanti di condivisione... che dici?

[simpad]

Con 0 pixel i tag non sembrano più dell'articolo successivo, sta solo il fatto che è tutto un po' vicino.

[adottauncane]

Se puoi certo. Pensavo non si potesse...

Oppure stacchi un po' l'articolo sotto

Codice: [Seleziona]

dl.article-info {margin-top: 30px;}
oppure non li metti in vista categoria.

[simpad]

Ora va bene.
Preferisco tenerli, in vista categoria.

Dici tu o hai visto che non si può metterli prima dei pulsanti di condivisione?
Se si, che codice serve? Sorry!

[adottauncane]

Bhe, sì ma se va bene per la categoria, forse nell'articolo sono un po' distanziati.
Togli quelli prima e prova questi:

Codice: [Seleziona]

.tags {margin-top: -10px;position: absolute;}

.fastsocialshare-subcontainer {position: absolute; margin-top: 90px;margin-bottom: 30px;}

.al_comments_count {margin-top: 120px !important;}Controlla comunque come si vedono negli altri device.

[simpad]

in vista categoria venivano tagliati i pulsanti social.

così va meglio:

Codice: [Seleziona]

.tags {margin-top: 0px;position: absolute;}
.fastsocialshare-subcontainer {position: absolute; margin-top: 90px;margin-bottom: 30px;}
.al_comments_count {margin-top: 120px !important;}
dl.article-info {margin-top: 70px;}

Ma se si potesse, da vista articolo staccare un po' i pulsanti social da i commenti facebook,
e da vista categoria, staccare solo pochi picel i tags dal leggi tutto...
Il problema è che sempre in vista categoria, i pulsanti social dell'ultimo articolo visualizzato sovrastano il modulo CERCA.

[adottauncane]

Prova questi:

Codice: [Seleziona]

.sp-module h3.sp-module-title {

    margin-top: 30px;
}

p.readmore {

    margin-bottom: 15px;

}per staccare in vista articolo aumenta qui:

Codice: [Seleziona]

.al_comments_count {

    margin-top: 150px !important;

}

[simpad]

Sto provando.
Per ora tutto ok.
L'unica cosa è che in vista categoria, tra il nome della categoria e il primo articolo, ora c'è molto spazio.
È possibile diminuire il margine solo tra il titolo categoria e il primo articolo della pagina?

[simpad]

Non c'è proprio modo di farlo senza override?
Come si fa?

[adottauncane]

Prova ad aggiustare così:

Codice: [Seleziona]

.page-header h1 {
    margin-bottom: -40px;
}
dl.article-info {
margin-top: 100px;
}

[simpad]

Grazie!

Ho messo

Codice: [Seleziona]

.page-header h1 {    margin-bottom: -40px;}dl.article-info {margin-top: 110px;}perché da mobile il tasto whatsapp va a capo e a 100px era troppo vicino all'articolo successivo.

In questa maniera va meglio. Solo 2 cose:
Da PC, la linea sottile grigia sopra il nome della categoria appare invece che omogenea appare tratteggiata come in foto,
e l'altra cosa è che il nome della categoria sarebbe ancora troppo distante.

[adottauncane]

Eh, lo so ma con i css è il massimo che si può fare...
La linea è

Codice: [Seleziona]

.page-header {

    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;

}quindi continua. Se vuoi vederla metti #000 al posto di #eee e vedrai che non è tratteggiata.

[simpad]

Ho messo "none" così non si vede proprio.

Guarda, dato i vari scombussolamenti che mi crea in giro, preferisco per ora lasciare com'era.

Diversamente se in futuro vorrò fare quei cambiamenti farò o farò fare l'override.
È molto complicato? Meglio farlo fare a chi lo fa per mestiere?

[simpad]

Puoi chiarirmi le idee per favore, adottaucane?

[adottauncane]

No, non dovrebbe essere molto complicato. Puoi provarci, se non riesci torni alla configurazione originale.

[simpad]

Ah ok.
Il fatto è che non so nulla su l'override.
Quindi per ora lo terrò così.


So solo che è un po' come il css custom solo che è per l'html. Ed è un po' più complesso.