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

Offline simpad

  • Appassionato
  • ***
  • Post: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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: 290
    • 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?


 

Host

Torna su