OEFENING

Het is in het thema Genlike mogelijk om een afbeelding in de Header te plaatsen.

Tip: Aanbevolen wordt een afbeelding van plm. 1900px breed en plm. 300px hoog. Pas de code height:258px; (onder .sdb-header) aan op de gewenste pixelhoogte van de afbeelding.

Op de training (vanaf Maart 2020) wordt uitgelegd hoe de Header-afbeelding per page of bericht kan variëren.

Dit zijn de CSS codes om de Header van het Thema 1508_Genlike in te stellen als dit voorbeeld:


/* Header aanpassen */
.sdb-header{background-image: url(http://wp-flevoland.nl/wp/wp-content/uploads/2019/10/emmeloord1.jpg); height:258px;}
/* Zoekvak verbergen */
.sdb-header form.sdb-search{visibility:hidden;}
/* Titel aanpassen in Header */
.sdb-headline, .sdb-headline a, .sdb-headline a:link, .sdb-headline a:visited, .sdb-headline a:hover {color:#fff !important; font-weight:700; text-shadow: 1px 1px 2px #111;}
/* Slogan aanpassen in Header */
.sdb-slogan, .sdb-slogan a, .sdb-slogan a:link, .sdb-slogan a:visited, .sdb-slogan a:hover {color:#fff !important; top:115px !important; font-weight:600; text-shadow: 1px 1px 3px #000;}

 

Let op:

Als de achtergrondfoto niet getoond wordt, plaats dan de link van de afbeelding tussen aanhalingstekens als: “http://etc….”