[RISOLTO] Si può cambiare colore solo ai link body articolo?

[simpad]

Ciao!
Ho questo problema.
Il mio color text è nero. Per le parole in grassetto stavo per optare per il grigio #5b5d5e, o anche nero.
Il colore dei link lo vorrei grigio #5b5d5e underlined.

Il problema è che se metto i link underlined, poi mi si sottolineano tutti i link che non voglio (titoli articolo e la categoria dello stesso in home).

Volevo sapere se c'è il modo di modificare colore e altre proprietà solo dei link nel body dell'articolo, e solo negli addon di SP Page Builder (oltre la home ho altre 2 pagine del sito costruite con SP Page Builder).

Inoltre i link underlined, quando sono in active, vengono ulteriormente sottolineati. Non so se mi piace questa cosa.

Se potessi cambiare solo questi 2 tipi di articoli, potrei giocare sui colori e basta eliminando sottolineature e ripercussioni sugli altri link.


Grazie!

[floyd1616]

Ciao
certamente che lo puoi fare.
Devi agire sui css del template.

Individua il contenitore  (wrapper oppure altro nome)

Nel css scrivi:

body .nomecontenitore a:link: {
color: #ColoreEsadecimale
}

Molto semplice

Saluti

[simpad]

Grazie! Ma come si fa a trovare il nome del contenitore?
Con ispeziona di chrome non so dove trovarlo.

[floyd1616]

Posta un link al sito.
Altrimenti come facciamo a vedere ?

[simpad]

Il sito è offline, ti ho scritto un messaggio privato con l'utente registered gruppo offline.
poi avrei postato la soluzione qui.
https://www.aspergerway.com
user e password: offline

PS: articoli sono fake di prova.

[floyd1616]

Il sito offline non serve a nulla.
Si deve vedere il frontend per vedere il codice html.
Saluti

[simpad]

Non hai letto!
Se apri il sito e come utente iserisci "offline" e come password inserisci "offline", il sito lo vedi eccome da frontend.
Ho creato un gruppo utenti registered con la possibilità di vedere il sito anche se è offline.

Per esempio in questo fake article
link
le parole "viaggio a cuba" sono un link. è l' che con ispeziona ho trovato body-innerwrapper

[simpad]

Il sito è raggiungibile floyd1616.
Potresti aiutarmi per favore? Grazie!

[floyd1616]

Da ieri sto avendo problemi con il pc, ho potuto solo leggere le email  da smartphone e non poter fare nulla...

Tra le migliaia di tonnellate di codice html, prodotte non so come e perchè, hai questo:

<div class="sppb-addon-content"><p>Siamo Ilaria e Simone, una coppia che si &egrave; conosciuta e riconosciuta grazie alla Sindrome di Asperger................

è in questo div che ti serve un link di colore diverso?

1) non vedo link, anche passando con il mouse sul testo;
2) nel file .css in cui è presente la classe   . sppb-addon-content, assegna un bordo rosso, per capire se è effettivamente quello
3) nell'articolo, mettici un link.
4) se così è,  prova a scrivere, nel CSS :

body .sppb-addon-content a {
color: #quello-che-ti-piace
text-decoration: none oppure underline (sottolineato o meno)
}

body .sppb-addon-content a:hover{
color:#quello-che-ti-sta-simpatico
}

spero di aver risposto al tuo quesito.
Saluti

[simpad]

Ciao grazie!
Nei link dentro agli articoli:
link
La scritta blu "viaggio a Cuba" è un link. (ora l'ho cambiato singolarmente in blu con uno span color per provare il colore)

Vorrei dare un colore a tutti i link che sono nel body degli articoli senza farlo manualmente.

[adottauncane]

Ciao,
prova così:

Codice: [Seleziona]

article.item.item-page a:link {color:#0000ff !important;}
article.item.item-page a:hover {color:#ff0000 !important; border-bottom: none;}ho messo anche border-bottom:none, se invece vuoi la sottolineatura toglilo.

[adottauncane]

Però dovresti fare un file personale per i css aggiunti, vedi se il tuo template lo prevede...
Un'altra cosetta, secodo me c'è un refuso
Se durante il tuo viaggio a Cuba vorresti - volessi

[simpad]

Dopo provo grazie mille!!! Poi ti faccio sapere!

é un articolo fake di prova, copiato e incollato. Il refuso lo ha fatto il webmaster del sito originale.... :-D

[adottauncane]

 
Ah, ok...

[simpad]

Alla fine ho inserito questo codice partendo dal tuo:

Codice: [Seleziona]

article.item.item-page a:link {
    color:#0000ff !important;
}
article.item.item-page a:hover {
    color: #0000ff !important;
}
article.item.item-page a:visited {
    color: #663366 !important;
}
e funziona! Grazie!
Volevo capire una cosa...
Underline è la linea appena sotto al testo, ma la linea ancora più sotto che compare in hover, come si chiama? Pensavo fosse quella l'underline.

PS: e per i link presenti nelle pagine costruite con sp page builder come devo fare?
Tipo la pagina Amici & Portfolio?

Grazie!!!

[adottauncane]

Si chiama border. Per toglierla lascia
border-bottom: none;

[simpad]

Grazie!

Facendo un po' di "retroingegneria" ho trovato questo codice per modificare i link solo del body degli articoli, dei text block di sp page builder e dei moduli di fox contact:

Codice: [Seleziona]

article.item.item-page a:link {
    color:#0000ff !important;
}
article.item.item-page a:hover {
    color: #0000ff !important;
    border-bottom-color: #0000ff !important;
}
article.item.item-page a:visited {
    color: #663366 !important;
    border-bottom-color: #663366 !important;
}
.sppb-addon-text-block a:link {
    color:#0000ff !important;
}
.sppb-addon-text-block a:hover {
    color: #0000ff !important;
    border-bottom-color: #0000ff !important;
}
.sppb-addon-text-block a:visited {
    color: #663366 !important;
    border-bottom-color: #663366 !important;
}
.fox-container a:link {
    color:#0000ff !important;
}
.fox-container a:hover {
    color: #0000ff !important;
    border-bottom-color: #0000ff !important;
}
.fox-container a:visited {
    color: #663366 !important;
    border-bottom-color: #663366 !important;
}

[simpad]

Purtroppo c'è un inconveniente.
Nella vista categoria (cliccando sopra una categoria) c'è l'elenco degli articoli, e ognuno ha le etichette dei tag assegnati. A queste etichette (classe .label label-info) ho associato dei colori, l'etichetta è arancione e il nome del tag è bianco, e va bene.
Purtroppo, entrato nell'articolo, l'etichetta è sempre arancione, ma il nome del tag, invece che bianco ha preso il colore blu, cioè della regola che ho associato ai link del body dell'articolo. Probabilmente i tag associati all'articolo (una volta aperto lo stesso) me li vede nel body.

E' possibile ovviare al problema?

[simpad]

Ho provato così, ma non funziona. Forse mi sfugge qualcosa...

Codice: [Seleziona]

.label-info  a:link {
    color:  #fff !important;
    text-decoration: none;
}
.label-info a:hover {
    color: #000000 !important;
    background: #efefef !important;}

[adottauncane]

Ma adesso il codice per i link dell'articolo è inserito?
Se sì in che pagina css l'hai messo?

[simpad]

Codice: [Seleziona]

article.item.item-page a:link {    color:#0000ff !important;}article.item.item-page a:hover {    color: #0000ff !important;    border-bottom-color: #0000ff !important;}article.item.item-page a:visited {    color: #663366 !important;    border-bottom-color: #663366 !important;}
Questo sopra è il codice per i link nel body dell'articolo ed è inserito e funzionante.
Il problema è che joomla o il template, una volta aperto l'articolo, i nomi dei tag dello stesso me li vede nel body e quindoi me li fa diventare blue.
Invece quando apro una categoria e vedo l'elenco degli articoli, gli stessi tag degli stessi appaiono giusti.
In che senso in che pagina ho messo il CSS?
in helix 3 (onepage modificato) ho aperto il tab custom code e ho inserito lì il codice.
Poi quando le modifiche saranno definitive il codice lo metterò in custom.css
Intendevi quello?

[simpad]

Come puoi vedere qui, i link nell'articolo sono blu, il codice funziona.
https://www.aspergerway.com/diario-di-viaggio/pinar-del-rio-capitale-del-sigaro   (articolo fake di prova)
user e password: offline

[adottauncane]

Prova con questo:

Codice: [Seleziona]

article.item.item-page a.label.label-info  {color:#fff !important;}Sì volevo sapere dove avevi inserito l'altro perché lo vedevo solo in-line.

[simpad]

Perfetto! Grazie mille!
Ho solo aggiunto qua e là in hover un border-bottom: none
Ora funziona tutto alla perfezione!

[simpad]

Ho un ultima domanda (credo semplice) per te "adottauncane" e per chi può rispondere, ma la posto fra poco in un altro thread.

[simpad]

Ecco
xxxxxxxx


Edit by mod: Il crossposting è una pratica vietata, cerchiamo di tenere ordinato il forum.

Scusa, mi è scappato. Avevo fatto apposta così pensando che ripetere tutto un'altra volta si sarebbe appesantito il forum ahah.