Heb je een voorbeeld of link van je site?
Ja, zie http://www.diogenes-leiden.nl/wordpress/
De site is nog in bewerking. De huidige versie (http://www.diogenes-leiden.nl/) heb ik helemaal in html geschreven, maar ik wil hem nu overzetten in wordpress.
Alvast dank voor je reactie.
Volgende class attributes beinvloeden de ruimte boven de header
.site {
margin: 21px;
}
.site-header {
padding: xx.xxem x.xxx%;
}
Let op de verschillende @media queries
Die classes zul je moeten aanpassesen in je style.css van het kindthema
Let even op wat Janet zegt: je media-queries. Dit zijn de breekpunten waarop je layout anders omgaat met waardes in je stylesheet. Op zich zou je met de onderstaande css regel de meeste ruimte bovenin je header kunnen weghalen:
#masthead.site-header { padding-top: 0; }
Voeg deze css regel toe aan je style.css (child theme). Wat dit doet is het bovenste gedeelte van je site de bovenste padding (padding-top) verminderen tot nul. Nu staat er op meerdere regels een padding toegekend. Hierdoor is het aanspreken van een specifiek element (#masthead) handiger omdat dit hoger is qua hiërarchie en dus boven de overig gedefinieerde classes uitkomt.
Janet en Ruurd, hartelijk dank voor jullie reacties.
Die masthead-opdracht is helemaal is helemaal nieuw voor me en hij werkt inderdaad, althans op mijn smartphone én via Firefox en Edge op mijn pc, maar vreemd genoeg niet via Chrome op mijn pc. Heeft iemand daar een verklaring voor?
Heb je al CTRL + F5 gedaan? Het kan zijn dat je tegen de cache van je browser aankijkt.
Hallo Ruurd, dank voor je tip. Inderdaad, het verschil tussen Chrome en de andere browsers is nu weg, gisteren leek het heel hardnekkig. Weer een zorg minder.
Vriendelijke groet, Laurens
