Lenge pagina's niet hetzelfde.

Gaat het om de TEKST, of de feitelijke lengte van de pagina / het bericht?
Moet hij steeds even lang worden, ongeacht de lengte van de inhoud?
Wat moet er gebeuren als:

• tekst / inhoud LANGER is dan de lengte van de pagina?
• tekst / inhoud aanzienlijk KORTER is dan de lengte van de pagina?

== == == VOORBEELDEN

#wrapper{
   height:600px;/*vaste maat*/
}

alternatieven

#wrapper{
   max-height:600px;/*inhoudafhankelijk, maximaal 600px*/
   min-height:600px;/*inhoudafhankelijk, minimaal 600px*/
   max-height:120em;/*inhoudafhankelijk, maximaal 120em, een relatieve maat; erg verstandig bijv. bij responsive theme*/
   min-height:120em;/*inhoudafhankelijk, minimaal 120em*/
}

optie evt toevoegen:
overflow:visible, hidden, scroll, auto, initial, inherit afhankelijk van je wensen

Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

Alternatief: Voeg bovenstaande code toe aan style.css van je CHILDtheme.
Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

Heb je nog geen childtheme?

1. installeer en activeer ‘one click childtheme’-plug-in
2. activeer de originele theme
3. Dashboard > weergave > child theme
4. beantwoordt de vragen op het scherm
   >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
5. Activeer het childtheme.

==

6. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
   – Maak je aanpassingen in style.css van het childtheme;
   – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

== == == Extra
Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of of rechtsklik en kies ‘element inspecteren’.

Hi Margot,

Je maakt ze op dezelfde manier korter / langer.

Bijv. kies maar eens een heel extreme waarde en bekijk het resultaat.
Dan verander de waarden met kleine stapjes, tot de gewenste grootte is bereikt.

== == ==
Geef de url van je site, dan kunnen we zien of er evt. ‘belemmeringen zijn’ / hoe we dit oplossen.

Geef ook even aan hoe lang / kort je de pagina’s wilt hebben.

Om de boel passend te krijgen en te houden, terwijl wel alles op de pagina past, moet je de hoogte afstemmen op de pagina met de meeste inhoud… of bijv. de hoogte vastleggen, en met ‘scroll bars’ werken [niet mooi / lelijk].

Alternatief: Zet alles vast op de hoogte van de homepage en maak alleen voor de langere pagina [apart] een uitzondering…

== == == alles op één [wat grotere] maat

#wrapper{
   height:635px !important; /*LENGTE CONTENT-blok*/
}
.post-entry{
   height:550px;/*max-hoogte van de tekst*/
}

== == == alternatief

1. Installeer en activeer ‘SuperSlider-Perpost-Code’-plugin
2. Onder de dashboard-editor, verschijnt een veld waarin je de code-aanpassingen voor die individuele post/page kan maken
3. Dit biedt de optie op [per individuele pagina] aanpassingen te doen aan het CSS voor die post / pagina
4. Plaats voor alle pagina’s:

   #wrapper{
      height:635px !important; /*LENGTE CONTENT-blok*/
   }
   
   .post-entry{
      height:550px;/*max-hoogte van de tekst*/
   }

5. geef die LANGE pagina’s de css:

   #wrapper{
      max-height:1300px !important;
   }
   .post-entry{
      max-height:1200px !important;/*zo lang als nodig tot max 1200px...lang zat...*/
   }

== == ==
Plaats bovenstaande code in de ‘styles.css’ van je childtheme.
druk <CTRL-F5> om je browser te verversen.