Autore Topic: [RISOLTO] Si può cambiare colore solo ai link body articolo?  (Letto 824 volte)

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
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!
« Ultima modifica: 08 Feb 2019, 17:35:19 da simpad »

Offline floyd1616

  • Appassionato
  • ***
  • Post: 463
  • Sesso: Maschio
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #1 il: 31 Gen 2019, 10:55:21 »
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




Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #2 il: 31 Gen 2019, 11:40:50 »
Grazie! Ma come si fa a trovare il nome del contenitore?
Con ispeziona di chrome non so dove trovarlo.

Offline floyd1616

  • Appassionato
  • ***
  • Post: 463
  • Sesso: Maschio
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #3 il: 31 Gen 2019, 12:13:26 »
Posta un link al sito.
Altrimenti come facciamo a vedere ?

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #4 il: 31 Gen 2019, 12:25:49 »
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.
« Ultima modifica: 03 Feb 2019, 19:36:38 da simpad »

Offline floyd1616

  • Appassionato
  • ***
  • Post: 463
  • Sesso: Maschio
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #5 il: 31 Gen 2019, 16:39:47 »
Il sito offline non serve a nulla.
Si deve vedere il frontend per vedere il codice html.
Saluti

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #6 il: 31 Gen 2019, 16:43:43 »
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
« Ultima modifica: 03 Feb 2019, 18:10:04 da simpad »

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #7 il: 01 Feb 2019, 15:55:21 »
Il sito è raggiungibile floyd1616.
Potresti aiutarmi per favore? Grazie!

Offline floyd1616

  • Appassionato
  • ***
  • Post: 463
  • Sesso: Maschio
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #8 il: 01 Feb 2019, 17:57:52 »
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

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #9 il: 01 Feb 2019, 18:02:53 »
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.
« Ultima modifica: 03 Feb 2019, 18:10:28 da simpad »

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #10 il: 01 Feb 2019, 21:53:49 »
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.

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #11 il: 01 Feb 2019, 21:54:34 »
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
« Ultima modifica: 01 Feb 2019, 21:59:44 da adottauncane »

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #12 il: 01 Feb 2019, 22:06:10 »
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

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #13 il: 01 Feb 2019, 22:09:50 »
 :)
Ah, ok...

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #14 il: 03 Feb 2019, 13:16:30 »
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!!!
« Ultima modifica: 03 Feb 2019, 13:21:57 da simpad »

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #15 il: 03 Feb 2019, 13:26:35 »
Si chiama border. Per toglierla lascia
border-bottom: none;

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #16 il: 03 Feb 2019, 16:04:52 »
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;
}

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #17 il: 03 Feb 2019, 19:49:26 »
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?

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #18 il: 04 Feb 2019, 12:32:07 »
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;}

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #19 il: 04 Feb 2019, 13:29:35 »
Ma adesso il codice per i link dell'articolo è inserito?
Se sì in che pagina css l'hai messo?


Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #20 il: 04 Feb 2019, 15:24:58 »
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?

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #21 il: 04 Feb 2019, 15:29:01 »
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

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #22 il: 04 Feb 2019, 17:46:50 »
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.

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:Si può cambiare colore solo ai link body articolo?
« Risposta #23 il: 04 Feb 2019, 18:18:44 »
Perfetto! Grazie mille!
Ho solo aggiunto qua e là in hover un border-bottom: none
Ora funziona tutto alla perfezione!

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:[RISOLTO] Si può cambiare colore solo ai link body articolo?
« Risposta #24 il: 04 Feb 2019, 18:24:47 »
Ho un ultima domanda (credo semplice) per te "adottauncane" e per chi può rispondere, ma la posto fra poco in un altro thread.
« Ultima modifica: 04 Feb 2019, 18:32:19 da simpad »

Offline simpad

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re:[RISOLTO] Si può cambiare colore solo ai link body articolo?
« Risposta #25 il: 04 Feb 2019, 18:31:57 »
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.
« Ultima modifica: 05 Feb 2019, 16:41:39 da simpad »

 

Host

Torna su