<div class="row widget-banner center light-on-dark">
<div class="inner-row">
<div class="wg-body">
<div class="banner " style="background-image: url(/images/info-page.jpg)">
<div class="inner-banner">
<h1>Slik søker du barnehageplass</h1>
</div>
</div>
</div>
</div>
</div>
{% include "@widget-top"%}
{% render "@component-banner", banner, true %}
{% include "@widget-bottom"%}
{
"wg_element": "div",
"wg_class": "widget-banner center light-on-dark",
"banner": {
"class": null,
"text": "# Slik søker du barnehageplass\n"
}
}
| Class | Description |
|---|---|
.full-width |
Set the banner to full width of browser window. Need to be added above .banner class. |
.light-on-dark |
Set text to white instead of default black |
.center |
Center align text |