Guten Morgen,
ich verzweifel gerade und hoffe auf Eure Hilfe. Ich baue gerade eine Seite für meine Frau. Ich habe 2 Probleme.
Ich möchte gerne den Abstand der einzelnen Menü-Punkte verringern. Doch es klappt einfach nicht mit den Methoden aus dem Netz.
Weiß jemand, wo genau und was genau ich da ins CSS einbinden kann?
Code
/*
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve/
/* Navigation Menu */
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 14px;
font-size: 1.167;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
}
Alles anzeigen
Zudem ist mir die Schrift zu klein gewesen und dann habe ich folgendes geändert, weiß aber nicht, ob das überhaupt richtig war.
Original
Code
[FONT=Bell MT][size=12]/* =Basic structure[/SIZE][/FONT]
[FONT=Bell MT][size=12]-------------------------------------------------------------- */[/SIZE][/FONT]
[FONT=Bell MT][size=12]/* Body, links, basics */[/SIZE][/FONT]
[FONT=Bell MT][size=12]html {[/SIZE][/FONT]
[B][FONT=Bell MT][size=12] font-size: 87.5%;[/SIZE][/FONT][/B]
Zustand jetzt
Code
[FONT=Bell MT][size=12]/* =Basic structure[/SIZE][/FONT]
[FONT=Bell MT][size=12]-------------------------------------------------------------- */[/SIZE][/FONT]
[FONT=Bell MT][size=12]/* Body, links, basics */[/SIZE][/FONT]
[FONT=Bell MT][size=12]html {[/SIZE][/FONT]
[B][FONT=Bell MT][size=12] font-size: 90.0%;[/SIZE][/FONT][/B]
Dadurch hatte ich auch mehr Platz in der Navigationsleiste. Aber mir würde es besser gefallen, wenn die Punkte enger zusammenstünden und rechts keine riesige Lücke zum rechten Rand klaffen würde.
[attach='17372.vB'][/attach]
Vielen lieben Dank für die Hilfe!!
Bob