Jimdo-Elemente » Unterstrich bei Links als Überschrift entfernen

03.10.2018 14:46

PP2018
#1

PP

PP2018

Hallo,
ich bin recht neu bei Jimdo und kenne mich nur sehr wenig mit HTML etc. aus, weiß aber das man einige Sachen verändern kann. Mit Hilfe dieses Forums konnte ich auch schon einiges verändern, allerdings bin ich bei dieser Sache nicht weitergekommen...und hoffe auf eure Hilfe.
Überschriften, die zu Unterseiten führen habe ich verlinkt und Jimdo setzt dann automatisch diesen 'nicht sehr hübschen' Unterstrich. Das sieht dann aus als wäre es eine Google Werbung... Wie kann ich diese Unterstriche entfernen?
Es geht um folgende Seite:

https://www.pfluegler-photo.de/

direkt auf dieser Seite sieht man auch die genannten Links..

Vielen Dank schon mal im Vorraus!!

Antworten

Beitrag melden

#2

03.10.2018 16:14

Charles
#2

Charles

Der Strich ist gut, damit weiß ziemlich jeder Besucher, dass er das anklicken kann.
Weder dein Bild noch der Titel haben einen Hover effekt der das anklicken kenntlich macht.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#3

04.10.2018 10:37 (zuletzt bearbeitet: 05.10.2018 12:33)

PP2018
#3

PP

PP2018

@Charles vielen Dank für deine Antwort. Das ist natürlich Ansichtssache, ich würde den Strich jedoch dennoch gerne entfernen wollen. Hast du denn, auch wenn du es gut findest, eine Lösung?

Antworten

Beitrag melden

#4

04.10.2018 11:26 (zuletzt bearbeitet: 05.10.2018 12:32)

R. Hurni
#4

R.

R. Hurni

Unterlinie bei Links kann man mit folgenden Code im Head entfernen:

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
.j-module a:link, 
.j-module a:visited, 
.j-module a:hover, 
.j-static-page a:link, 
.j-static-page a:visited,
.j-static-page a:hover {
    text-decoration: none;
} 
/*]]>*/
</style>
 

ich würde aber die Farbe beim Hoover-Effekt etwas ändern

web-tips.ch

Antworten

Beitrag melden

#5

04.10.2018 16:43

Charles
#5

Charles

Zitat von PP2018 im Beitrag #3
Das ist natürlich Ansichtssache

Warum sollte das Ansichtssache sein? Du tauscht Nutzbarkeit und Einfachheit gegen deine Designvorliebe ein.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#6

05.10.2018 12:58 (zuletzt bearbeitet: 05.10.2018 13:03)

az_
#6

az_

Hallo @PP2018,

Überschriften, die zu Unterseiten führen habe ich verlinkt und Jimdo setzt dann automatisch diesen 'nicht sehr hübschen' Unterstrich. Das sieht dann aus als wäre es eine Google Werbung... Wie kann ich diese Unterstriche entfernen?

Ich finde, das ist eine absolut berechtigte Frage. Auch ich bin der Meinung, bei Überschriften sollte aus gestalterischen Gründen auf den Unterstrich verzichtet werden. Ansonsten würde ich @Charles recht geben - Unterstriche bei Links sind ein Merkmal der Usability und sollten nicht entfernt werden.

Wenn Du die Links nur bei Deinen Überschriften* weg haben willst, musst Du allerdings einen anderen Code verwenden:

1
2
3
4
5
6
7
8
9
 
<style type="text/css">
/*<![CDATA[*/
 
span a {
    text-decoration: none !important;
}
 
/*]]>*/
</style>
 

*Problem:
Deine Überschriften sind keine wirklichen Überschriften. Sie sind nur Standard-Absätze, denen Du händisch eine andere Schriftgröße zugewiesen hast. So werden sie von Google nicht als Überschrift gewertet.

Daher mein Tipp:
- alle Formatierungen löschen (...mit dem entspr. Knopf)
- im html-Modus des Textelementes <p></p> ersetzen durch <h2></h2> oder <h3></h3>
- danach Link setzen

...so bekommst Du echte, saubere, verlinkte Überschriften, die Google auch als solche erkennt (...großer Vorteil für SEO). Außerdem haben die dann auch gleich die richtigen Formatierungen.

Wenn Du das so machst, musss der Code aber noch anders sein:

1
2
3
4
5
6
7
8
9
 
<style type="text/css">
/*<![CDATA[*/
 
h1 a, h2 a {
    text-decoration: none !important;
}
 
/*]]>*/
</style>
 

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#7

06.10.2018 21:09

PP2018
#7

PP

PP2018

Vielen Dank für die Hilfe! Unterstriche konnte ich entfernen und habe mir auch noch einige Sachen zu Herzen genommen und geändert. Das mit den tatsächlichen Überschriften für Google, war mir vorher gar nicht so bewusst! Super gut hier!

Antworten

Beitrag melden

#8

07.10.2018 11:31

az_
#8

az_

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html