Darstellung der Pfeile in der Breadcrumb-Navigation ändern – Designvorlage "Rome"
Hallo und willkommen in unserem Forum!
Für das Pfeil-Symbol ist eine sog. Pseudo-Klasse verantwortlich:
2
3
4
5
6
7
8
.jtpl-breadcrumb__title-navigation-gutter a:link:before,
.jtpl-breadcrumb__title-navigation-gutter a:visited:before {
content: '\2986';
opacity: .5;
font-size: 80%;
left: 15px;
position: absolute;
}
Wenn Du das ändern möchtest, musst Du zuerst eine eigene Symbolschrift auf Deiner Webseite einbinden
(z.B. FontAwesome https://fontawesome.com/):
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
...und dann das CSS entsprechend abändern.
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
Infos zu Icon-Fonts findest Du z.B. hier: http://weloveiconfonts.com/ (...leider für Jimdo nur eingeschränkt zu gebrauchen, weil nicht https://)
...dieses Icon ist aus dem Font-Awesome Font genommen. Das CSS dafür ist:
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css">
.jtpl-breadcrumb__title-navigation-gutter a:link:before,
.jtpl-breadcrumb__title-navigation-gutter a:visited:before {
content: "\f054";
opacity: .5;
font-size: 80%;
left: 15px;
position: absolute;
font-family: 'FontAwesome', sans-serif !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
2
3
4
5
6
7
8
9
10
11
.jtpl-breadcrumb__title-navigation-gutter a:link:before,
.jtpl-breadcrumb__title-navigation-gutter a:visited:before {
content: "\f0a4";
opacity: 1;
font-size: 100%;
left: 5px;
margin-top: -1px;
position: absolute;
font-family: 'FontAwesome', sans-serif !important;
}
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
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
