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.
Vielen lieben Dank für die Hilfe!!
Bob