Hoi Ruud,
Ik krijg het niet voor elkaar in mijn template.
Nu heb ik dit staan:
<div class="container-fluid text-center">
<div class="row content">
<?php if ($page_content_1 != '') {
echo '<div class="col-xs-12 col-sm-12 col-md-2 section sidenav-left">'.$page_content_1.'</div>';
} else {
echo '<div class="col-xs-12 col-sm-12 col-md-2"></div>';
}
?>
</div>
</div>
En de CSS:
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.row.content {
height: 450px;
margin-top: 160px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.sidenav-left {
background: rgba(0, 0, 0, 0) linear-gradient(#e20400, #8e0200) repeat scroll 0 0;
color: #fff;
height: auto;
margin-bottom: 15px;
padding: 20px 10px;
text-align: left;
}
.col-md-2 {
width: 16.6667%;
}
Kan ik in het aanroepen van de "$page_content_1" niet iets maken wat elke sectie van $page_content_1 in een aparte div zet? Als ik aparte div's heb kan ik deze gewoon stylen en plaatsen waar ik ze wil.
Ik begrijp van jou dat dit met section moet, maar ik heb geen idee hoe dit te doen.