Fragen und Antworten » CSS Eintrag für bestimmte Linkfarbe gesucht

18.03.2022 12:48 (zuletzt bearbeitet: 18.03.2022 12:51)

Gabriella
#1 CSS Eintrag für bestimmte Linkfarbe gesucht

Liebe Kollegen*innen,

habe heute wieder etwas gefunden, was leider im V4 nicht zu bewerkstelligen ist.
Ungünstigerweise kann ja die Linkfarbe nur für das gesamte Forum eingestellt werden. Dies ist je nach Forendesign nicht immer günstig. Gäbe es evtl. einen Code, nur für diesen Bereich?

1 Ereignis in den nächsten Tagen
Mal Workshop mit Kreative Coach Marie Schwier (20.03. 15:00)

damit nur das in einer anderen Farbe dargestellt werden kann?

P. S. In diesem Forum ist es leider gar nicht gut zu erkennen: http://www.kaleidoskophoerste.de/ unten im Statistikfeld.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

Antworten

Beitrag melden

#2

22.03.2022 11:14

Gabriella
#2 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Gabriella

Hat keiner eine Lösung?

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

Antworten

Beitrag melden

#3

22.03.2022 12:10

Ingmar
#3 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Ingmar

Da ist das Business Template leider nicht sehr flexibel, weil an dieser Stelle ein passender Selektor fehlt, um das per CSS anzusprechen.

Du könntest folgendes machen. Ist nicht schön aber sollte klappen (in der Fußzeile):

1
2
3
4
5
6
7
8
9
10
 
<script>
try{
let $evicon = $('.page_index .box.stats').find('img[src="https://files.homepagemodules.de/b2001010/a_583.png"]').first();
if($evicon.length){
    $evicon.parent().addClass('nextevents');
}}catch(e){console.log(e)}
</script>
<style>
.nextevents a{color:red !important;}
</style>
 

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#4

22.03.2022 12:32

Mike48
#4 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Mike48

1
2
3
4
5
6
7
 
<script>
  /* Ereignisse in den naechsten Tagen = rot */
  $(".page_index .stats span:contains('Ereignis in den nächsten Tagen') ~ div").css("color","red");
  $(".page_index .stats span:contains('Ereignis in den nächsten Tagen') ~ div a").css("color","red");
  $(".page_index .stats span:contains('Ereignisse in den nächsten Tagen') ~ div").css("color","red");
  $(".page_index .stats span:contains('Ereignisse in den nächsten Tagen') ~ div a").css("color","red");
</script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#5

22.03.2022 12:46

Mike48
#5 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Mike48

Oder so wenn das Icon nicht geändert wurde.

1
2
3
4
 
<script>
  $(".page_index .stats img[src*='files.homepagemodules.de/b2001010/a_583.png'] ~ div").css("color","red");
  $(".page_index .stats img[src*='files.homepagemodules.de/b2001010/a_583.png'] ~ div a").css("color","red");
</script>
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#6

22.03.2022 13:00

Ingmar
#6 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Ingmar

Ich hatte extra die Variante gewählt, mit der nur die fehlende Klasse hinzugefügt wird. So kann dann alles weitere per CSS-Addon gelöst werden - wenn die Links also z.B., größer oder in einer anderen Schrift angezeigt werden sollen muss das dann nicht alles per Javascript gemacht werden.

Aber Mikes Lösung klappt natürlich auch.

Allgemein würde ich immer empfehlen, Scripte in der Fußzeile in einen try/catch block zu packen um Folge-Fehler zu vermeiden (z.B falls die Fußzeile mal an einer Stelle geladen wird, an der kein Jquery zur Verfügung steht).

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#7

22.03.2022 13:07

Mike48
#7 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Mike48

Dein Script hat bei mir so nicht funktioniert.
Mit kleinen Änderungen get's auch.
In meinem Testforum hat das img kein https:

1
2
3
4
5
6
7
8
9
10
11
12
 
<script>
try{
let $evicon = $('.page_index .box.stats').find('img[src*="files.homepagemodules.de/b2001010/a_583.png"]').first();
if($evicon.length){
    $evicon.parent().addClass('nextevents');
}}catch(e){console.log(e)}
</script>
<style>
.nextevents a{color:red !important;}   /* nur Link */
.nextevents div{color:red !important;} /* auch Datum */
</style>
 
 

www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#8

22.03.2022 15:43

Gabriella
#8 RE: CSS Eintrag für bestimmte Linkfarbe gesucht

Gabriella

@Ingmar, @Mike48

ich danke Euch herzlich für die Hilfe.

Zitat von Mike48 im Beitrag #4
<script> /* Ereignisse in den naechsten Tagen = rot */ $(".page_index .stats span:contains('Ereignis in den nächsten Tagen') ~ div").css("color","red"); $(".page_index .stats span:contains('Ereignis in den nächsten Tagen') ~ div a").css("color","red"); $(".page_index .stats span:contains('Ereignisse in den nächsten Tagen') ~ div").css("color","red"); $(".page_index .stats span:contains('Ereignisse in den nächsten Tagen') ~ div a").css("color","red");</script>

Dieser Code klappt wunderbar und ist genau das, was ich gebraucht habe.

Ingmar auch Deinen hatte ich versucht, klappte aber leider nicht.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

Antworten

Beitrag melden