Beschrijving
Nederlands
Forums / Algemeen WordPress / Header aanpassen in Twenty Eleven
Header aanpassen in Twenty Eleven
Hoe kan ik in theme Twenty Eleven de ruimte boven de header afbeelding (het witte deel waar titel en subtitel staan) verkleinen of verwijderen? (dus de hoogte van dat blok (ik weet niet hoe het genoemd wordt) kleiner maken.
Ik heb een “child theme” gemaakt en een style.css bestand toegevoegd volgens de aanwijzingen.
@HennieL Als je naar je Dashboardmenu gaat -> Weergave -> Header
Dan bij Weergavetekst: ‘Nee selecteert’ dan wordt alleen de headerafbeelding getoond.Hoi Anja, dank je voor je reactie. Ik wil graag eerst proberen of ik de headerruimte smaller krijg, als dat niet lukt kan ik hem idd volgens je aanwijzigingen uitschakelen.
Mijn vraag hoe die ruimte boven de header smaller gemaakt kan worden blijft dus nog open.Je kan in de style.css van je theme spelen met de sitetitle en site description om de headerruimte erboven smaller te maken
#site-title { margin-right: 270px; padding: 3.65625em 0 0; } #site-description { color: #7a7a7a; font-size: 14px; margin: 0 270px 3.65625em 0; }En je style aanpassen is ook de enige manier. Ik zat met hetzelfde probleem. @maikel: weet je ook waar die 3.65…em voor staat? Dat is toch wat je aan moet passen? het is me gelukt maar ik wist niet wat ik deed.
@maikel: Dank je. Ben wel even benieuwd wat ik doe (en heb dus zelfde vraag als Duco): waar kan ik vinden waar margin-right, padding en margin voor staan (zoals je ziet ben ik totale CSS newbie) en wat de em betekent?
@maikel: en als ik alleen de hoogte (height) wil aanpassen, hoef ik de regels over “color” en “font-size” waarschijnlijk niet over te nemen naar mijn child syle.css?
@duco, @hennynl meer over em op: w3schools
@hennynl: de regels zoals Maikel heeft gegeven vind je bij de css van je thema twentyeleven:
site titel: regel 513
site discription: regel 525
(mits je al geen aanpassingen gedaan hebt in je stylesheet, dan kunnen de regels zich iets hoger of lager bevinden)Zoals Anja zegt kun je meer over em vinden op w3schools.
De regels over “color” en “font-size” hoef je inderdaad niet over te nemen naar je child theme mits je de color en font-size hetzelfde wilt houden.
Dank jullie. Ben weer een stap verder. Heb nu dit gedaan:
site-title {
padding-top: 30px;
}
#site-description {
padding-bottom: 30px;
}Resultaat: alles is een stukje naar boven geschoven, de ruimte wit onder site-title en description is groter geworden. Nu nog vinden hoe ik dat hele blok verklein. Kan iemand mij vertellen hoe dat blok genoemd wordt en waar de afmetingen gedefineerd zijn? (het lijkt erop dat site titel en description alleen aanpassen niet voldoende zijn)
PS super site dat w3schools, dank jullie voor de tip!
Dat is bij dit theme niet te doen want als je hem in je css kleiner maakt dan krijg je een probleem met de admin van de header Omdat je verschillende headers kunt uploaden en uit kunt snijden. Dan zou je dat ook allemaal aan moeten passen en ik weet niet waar je je dan in gaat wagen.
@hennynl: als je nu de padding van de site-title nu eens van 3.xxxxxem wijzigt naar 1.xxxxxxem
en de margin van de site description wijzigt van 3.xxxxem naar 1.xxxxem is het dan beter?Done folks! Happy guy, thnx for all the help :-))
Dit is het resultaat: http://www.hennycramers.nl/blogEn dit is wat het deed:
#hgroup {
height: 261px
}#site-title {
margin-top: 21px;
padding: 0.35625em 0 0;
}
#site-description {
padding: 0.35625em 0 0;
margin: 0 270px 1.65625em 0;
}Padding em alleen verlagen was niet voldoende. Na verlagen em margin site-description van 3.xxxxx naar 1.xxxxx (ik zag in firebug dat de grote witte ruimte onder in het blok bij site-description hoorde) lukte het.
@duco: zie nu pas dat je het afraadt. Ik zie het probleem nog niet, wellicht als argeloze newbie. Als ik andere foto’s uploadt voor andere pagina’s, zorg ik gewoon dat ze exact hetzelfde formaat hebben als de huidige. Of zie je dan toch nog mogelijke problemen?
En wat is “de admin van de header”?
Ik geloof dat ik je niet goed begrepen had want ik dacht dat je het plaatje wilde verkleinen.
Ik had het probleem dat ik de header in de css wel minder hoog kon maken en vervolgens het plaatje dezelfde maat maken maar als je hem dan wil uploaden via de adminpagina’s daar dan de oude maat staat. Hij vergroot dan het plaatje en dan moet je een stuk van de zijkanten afsnijden en dan heb je toch weer de oude maat van het plaatje.
Dan moet je die upload- en crop-pagina dus ook aanpassen en daar haak ik af.@duco OK, dank je voor de waarschuwing. Ik zal er eens goed naar kijken.
Het onderwerp ‘Header aanpassen in Twenty Eleven’ is gesloten voor nieuwe reacties.
- In: Algemeen WordPress
- 18 reacties
- 5 deelnemers
- Laatste antwoord van: TimoElshof
- Laatste activiteit: 13 jaren, 6 maanden geleden
- Status: onopgelost



