Jeg bruger Twenty twelve, men vil gerne have afstanden mellem menupunkterne i standard menuen mindre.
...desværre kan jeg ikke finde hvor det skal gøres - har trawlet alle de relevante filer ingen - det mener jeg i hvert fald ;-)
BentMedvind
Jeg bruger Twenty twelve, men vil gerne have afstanden mellem menupunkterne i standard menuen mindre.
...desværre kan jeg ikke finde hvor det skal gøres - har trawlet alle de relevante filer ingen - det mener jeg i hvert fald ;-)
style.css#1529
sikker?? her er linie 1527-33
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul {
border-left: 0;
display: block;
Et link til siden ?
Det er linie 1529 i en frisk installation af temaet:
https://wp-themes.com/twentytwelve/
style.css#1514
takker, men nu er jeg ikke ret klog på programmering og kan ikke se at der er en "padding" jeg kan ændre på. Det med at ændre en værdi er det eneste jeg kan finde ud af. ;-(
Du skal ændre margin-left
Der er forbandet mange linier i style.css og holde styr på.
Hvis du har firefox browser (eller chome), så kan du installere addon firebug
med firebug aktiveret, kan du klikke på elementer på din side og få meget præcise oplysninger om hvordan style.css ser ud. Du kan også midlertidigt ændre på værdierne i style.css og se konsekvensen.
Endelig vil jeg foreslå at du opretter et undertema/ child-theme for eksempel ved hjælp af wp-pluginen: Child Theme Configurator, for så kan du kopiere dine ændrede style.css liner direkte in i dit undertema's style.css.
fint med "margin left", men her er hvad der står fra 1514 til og med 1546 - og jeg kan ikke finde "margin left" - desværre:
.main-navigation li {
margin: 0 40px 0 0;
margin: 0 2.857142857rem 0 0;
position: relative;
}
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul {
border-left: 0;
display: block;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 1px 1px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
Jeg sidder selv og bokser med TwentyTwelve.
Forstår ikke rigtigt, hvad præcis det er at du vil ændre?
Måske et screen-dump med nogle kruseduller via et billed-redigeringsprogram vil hjælpe?
Hvis du gør ovenstående, kan jeg hurtigt fortælle dig hvad der skal ændres.
jeg vil egentlig bare have mindre plads mellem menupunkterne så jeg kan få plads til et par mere
Hvorfor ikke bare som "dropdown" under et af de andre punkter ?
Nu fik jeg kigget lidt og fandt løsningen.
se efter øverst i dit klip fra Style.css:
.main-navigation li {
margin: 0 40px 0 0;
margin: 0 2.857142857rem 0 0;
position: relative;
}
Der er 2 linier som hedder "margin". Den første definerer i px (pixels)
den anden i rem (root em).
den første er gammeldags, den anden tager hensyn til moderne skalerbare tablets, etc.
så for at ændre din margin skal du derfor rette begge linier.
1 rem er i dit style-sheet defineret til 14.
Efter "margin:" er 4 tal, som hver især definerer: top højre bund venstre.
Som du ser af px-linien, så er højre-margin sat til 40px - alle andre til 0.
Hvis du så vil ændre til f.eks. 30 px så skal du i første linie skrive: 0 30px 0 0
Let nok.
Da 1 rem er defineret til 14(px) må anden linie så skrives som 0 2,142857rem 0 0
Husk altid at rette begge linier - ellers udelukker du ½-delen af alle besøgende til din side.
Og
Udfør ændringen i et undertema/hild-theme, så vil opdateringer af TwentyTwelve virke på din side.
mange tak, det virkede !!
Du skal være logget ind for at skrive.