Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Style von Navigation "New York" über CSS anpassen
Hallo!
Ich arbeite gerade an dieser Website (Designvorlage "New York"): www.baumgarth-consulting.de und würde mich sehr über Hilfe freuen.
Einiges konnte ich über den Head-Bereich schon anpassen (siehe unten), ich habe aber sehr wenig Ahnung von CSS und komme jetzt nicht mehr weiter.
Diese zwei Themen sind noch offen:
1. Ich möchte den Zeilenabstand zwischen den beiden Zeilen der Hauptnavigation verkleinern. Dafür habe ich versucht, "margin-bottom" der Menüpunkte von 10 auf 0 zu setzen. Versucht habe ich es mit diesem Code (und einigen Varianten davon), damit passiert aber leider gar nichts.:
2
3
4
5
6
7
<style type="text/css">
/*<![CDATA[*/
.jmd-nav__list-item-0 { margin-bottom: 0px; }
/*]]>*/
</style>
2. Ich möchte die Breite des Strichs unter der Subnavigation kürzen, sodass sie die gleiche Breite und Position hat wie die Trennstriche im Content-Bereich.
Deutlich wird es hier: https://www.baumgarth-consulting.de/consulting-und-coaching/
Dafür habe ich das hier versucht, damit passiert aber wieder nichts:
2
3
4
5
6
7
<style type="text/css">
/*<![CDATA[*/
.cc-nav-level-1 j-nav-level-1 { padding-left: 0px; padding-right: 0px; }
/*]]>*/
</style>
Vielleicht kann etwas davon mal jemand anderem Nutzen, deshalb schreibe ich auch, was schon funktioniert hat:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style type="text/css">
/*<![CDATA[*/
/* Warenkorb ausblenden */
.j-cart.is-empty { display: none; }
/* Seitentitel über Logo/Sitemap ausblenden */
.jtpl-title { display:none ;}
/* Abstand oben einfuegen fuer Logo in mobiler Ansicht */
.jtpl-header { margin-top: 50px; }
/* Abstand Logo zu H1 */
.jtpl-navigation { margin-bottom: 0px; }
/* Subnavigation Abstaende kleiner */
.jtpl-subnavigation { padding-top: 0px; padding-bottom: 0px; }
/*]]>*/
</style>
Jetzt konnte ich es doch selbst lösen, falls jemand ähnliche Lösungen sucht, hier mein Weg (geht vielleicht auch weniger kompliziert, aber es funktioniert):
/* Abstand zwischen Navigationszeilen kleiner */
.navigation-colors li a:hover, .navigation-colors li a:active, .navigation-colors li a:focus, .navigation-colors li.cc-nav-current > a:link, .navigation-colors li.cc-nav-current > a:visited, .navigation-colors li.cc-nav-parent > a:link, .navigation-colors li.cc-nav-parent>a:visited { margin-bottom: 0px; border-bottom-width: 2px; }
.navigation-vertical-alignment a, .navigation-vertical-alignment a:link, .navigation-vertical-alignment a:visited { margin-bottom: 0px; border-bottom-width: 2px;}
/* Unterstreichung Subnavi an Breite des Content-Bereichs anpassen */
.jtpl-subnavigation .j-nav-level-1 {
padding-right: 0px; padding-left: 0px; border-bottom-width: 2px; margin-left: 25px; margin-right: 25px; border-color: #999999;}

...nicht schlecht!
...und so schön könnte es aussehen, wenn Du die Schaltfläche für CODE benutzen würdest:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/* Abstand zwischen Navigationszeilen kleiner */
.navigation-colors li a:hover, .navigation-colors li a:active, .navigation-colors li a:focus, .navigation-colors li.cc-nav-current > a:link, .navigation-colors li.cc-nav-current > a:visited, .navigation-colors li.cc-nav-parent > a:link, .navigation-colors li.cc-nav-parent>a:visited {
margin-bottom: 0px;
border-bottom-width: 2px;
}
.navigation-vertical-alignment a, .navigation-vertical-alignment a:link, .navigation-vertical-alignment a:visited {
margin-bottom: 0px;
border-bottom-width: 2px;
}
/* Unterstreichung Subnavi an Breite des Content-Bereichs anpassen */
.jtpl-subnavigation .j-nav-level-1 {
padding-right: 0px;
padding-left: 0px;
border-bottom-width: 2px;
margin-left: 25px;
margin-right: 25px;
border-color: #999999;
}
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

ein feines Tool zum Foratieren von CSS ist übrigens dieses hier:
- https://codebeautify.org/css-beautify-minify
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

:)
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
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!