Joomla.it Forum
Joomla! 3 => Joomla! 3 => : simpad 31 Jan 2019, 10:10:09
-
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!
-
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
-
Grazie! Ma come si fa a trovare il nome del contenitore?
Con ispeziona di chrome non so dove trovarlo.
-
Posta un link al sito.
Altrimenti come facciamo a vedere ?
-
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 (https://www.aspergerway.com)
user e password: offline
PS: articoli sono fake di prova.
-
Il sito offline non serve a nulla.
Si deve vedere il frontend per vedere il codice html.
Saluti
-
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
-
Il sito è raggiungibile floyd1616.
Potresti aiutarmi per favore? Grazie!
-
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 è 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
-
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.
-
Ciao,
prova così:
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.
-
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
-
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
-
:)
Ah, ok...
-
Alla fine ho inserito questo codice partendo dal tuo:
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!!!
-
Si chiama border. Per toglierla lascia
border-bottom: none;
-
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: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;
}
-
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?
-
Ho provato così, ma non funziona. Forse mi sfugge qualcosa...
.label-info a:link {
color: #fff !important;
text-decoration: none;
}
.label-info a:hover {
color: #000000 !important;
background: #efefef !important;}
-
Ma adesso il codice per i link dell'articolo è inserito?
Se sì in che pagina css l'hai messo?
-
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?
-
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 (https://www.aspergerway.com/diario-di-viaggio/pinar-del-rio-capitale-del-sigaro) (articolo fake di prova)
user e password: offline
-
Prova con questo:
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.
-
Perfetto! Grazie mille!
Ho solo aggiunto qua e là in hover un border-bottom: none
Ora funziona tutto alla perfezione!
-
Ho un ultima domanda (credo semplice) per te "adottauncane" e per chi può rispondere, ma la posto fra poco in un altro thread.
-
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.