WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Verschillende div's in template

(1/2) > >>

mgeene:
Hallo,

Hoe maak je in een template verschillende blokken onder elkaar met de bedoeling dat de klant in de backend op een pagina steeds een nieuwe sectieblokken kan plaatsen. Ik heb nu dit:

--- Code: ---<?php if ($page_content_1 != '') {
echo '<div class="col-xs-12 col-sm-12 col-md-2  sidenav-left">'.$page_content_1.'</div><div class="clearcontent"></div>';
} else {
echo '<div class="col-xs-12 col-sm-12 col-md-2"></div>';
} 
?>

--- End code ---

Maar dan word de tekst van de verschillende secties netjes in de div onder elkaar geplaatst, maar ik wil dat elke tekst in een apart div wordt gezet waar ruimte tussen zit.

Kan iemand mij hier in helpen?
Alvast bedankt!

Hans:
Ik snap de vraag niet helemaal denk ik, maar zouden meerdere Blocks in de template (en (al dan niet) aan te roepen in de backend) je kunnen helpen?
De Blocks kun je dan in een <p> zetten 9dat is er ruimte tussen de div's  of in de template div's zetten met <br> ertussen.
Hopelijk slaat het ergens op voor je.

Ruud:
Als je WB283 SP7 gebruikt wordt er bij iedere sectie standaard een div met de class "section" omheen gezet.
Persoonlijk vind ik dat erg vervelend 8-) maar in dit geval kan je er je voordeel mee doen.

mgeene:
Hey Ruud,

Dus eigenlijk moet ik dan de div aanpassen naar een section en deze de css geven?

Ruud:
Nee, de div wordt om de output van iedere sectie geplaatst, en heeft o.a. een class genaamd "section".

Voorbeeld:

--- Code: ---<div id="Sec175" class="section m_wysiwyg" >
--- End code ---

Als je dus iets doet als:

--- Code: ---.section {
    background: #eeeeee;
    padding: 20px;
    margin-bottom: 20px;
}

--- End code ---
zou dat al moeten werken.

Navigation

[0] Message Index

[#] Next page