Dit is per thema verschillend.
Ik heb snel een optie samengesteld. Het is slechts een voorbeeld.
Maak svp eerst een backup voordat je code wijzigt.
zoek in je code het onderstaande blok:
<div class="sixcol"><div class="box-frame2 aligncenter" style="width:500;"> <div class="box-header"> In het kort</div> <div class="box-contents"> Geweldig dat je de website van Pixelpotion bezoekt! Pixelpotion is een grafisch ontwerpbureau dat zich voornamelijk bezig houdt met het ontwerpen van logo’s, huisstijlen, websites & print. Wij werken voor particulieren, startende ZZP-ers en voor reeds gevestigde bedrijven in binnen- en buitenland. Naast bovenstaande diensten ontwerpen wij alles op gebied van grafisch vormgeving. Van flyers tot brochures en van folders tot visitekaartjes. Wij hanteren vaste prijzen en de klant staat bij ons altijd centraal.</div></div> </div>
<p></p><div class="sixcol last"><div class="box-frame2 aligncenter" style="width:500;"> <div class="box-header"> Aanbieding!</div> <div class="box-contents"> Maecenas mattis vestibulum nulla, et fringilla mi consectetur in. Duis maximus consectetur felis, ut pretium elit gravida a.<br>
Praesent placerat lobortis enim, quis euismod orci lacinia vel. Curabitur risus lacus, tempor in vulputate id, tempor in ligula.<br>
Donec et pretium turpis, vitae sollicitudin libero. Cras in lacus augue. Aliquam varius lacinia lobortis. Praesent a augue vestibulum dui auctor facilisis. Mauris congue volutpat nunc quis congue.</div></div> </div>
Dat vervang je door dit onderstaande blok. (eigenlijk voeg je aan het begin <div class="welkom"> toe en aan het einde sluit je het af met </div>.)
<div class="welkom">
<div class="sixcol"><div class="box-frame2 aligncenter" style="width:500;"> <div class="box-header"> In het kort</div> <div class="box-contents"> Geweldig dat je de website van Pixelpotion bezoekt! Pixelpotion is een grafisch ontwerpbureau dat zich voornamelijk bezig houdt met het ontwerpen van logo’s, huisstijlen, websites & print. Wij werken voor particulieren, startende ZZP-ers en voor reeds gevestigde bedrijven in binnen- en buitenland. Naast bovenstaande diensten ontwerpen wij alles op gebied van grafisch vormgeving. Van flyers tot brochures en van folders tot visitekaartjes. Wij hanteren vaste prijzen en de klant staat bij ons altijd centraal.</div></div> </div>
<p></p><div class="sixcol last"><div class="box-frame2 aligncenter" style="width:500;"> <div class="box-header"> Aanbieding!</div> <div class="box-contents"> Maecenas mattis vestibulum nulla, et fringilla mi consectetur in. Duis maximus consectetur felis, ut pretium elit gravida a.<br>
Praesent placerat lobortis enim, quis euismod orci lacinia vel. Curabitur risus lacus, tempor in vulputate id, tempor in ligula.<br>
Donec et pretium turpis, vitae sollicitudin libero. Cras in lacus augue. Aliquam varius lacinia lobortis. Praesent a augue vestibulum dui auctor facilisis. Mauris congue volutpat nunc quis congue.</div></div> </div></div>
vervolgens voeg je onderstaande css toe:
.welkom {
max-width: 80%;
margin: 0 auto;
}
Hiermee beperk je het blok tot 80% breedte en centreer je de kolommen.
Het is niet de mooiste oplossing, maar wie weet geeft het een oplossingsrichting!
