Hi! I test the meet gavern template with joomla 3.0 and i have a question. How can I have four blocks instead of three on the homepage?
See the site: http://www.wundt.ch
Thanks
dziudek wrote:Hi,
You need to just set width: 25%; instead of width: 33%; for these blocks
dziudek wrote:In the custom HTML module used to display this modul in the mainbody module position.
<div class="container-fluid">
<div class="row-fluid">
<div class="span3 gk-demo-content"><img src="templates/meet_gavern/images/content/joomla30.png" alt="Free Joomla! 3.0 Template" />
<h2>Free Joomla! 3.0 Template</h2>
<p>This is our first and free template built especially for Joomla 3.0. Want to know more about Joomla 3.0?</p>
<a class="btn btn-large" href="http://www.joomla.org/3/">Read more</a></div>
<div class="span3 gk-demo-content"><img src="templates/meet_gavern/images/content/gavern_plus_bootstrap.png" alt="Gavern + Bootstrap" />
<h2>Gavern + Bootstrap</h2>
<p>Meet Gavern is based upon a brand new version of the Gavern Framework which features built-in support for Bootstrap</p>
<a class="btn btn-large" href="index.php/template/content/single-article">Read more</a></div>
<div class="span3 gk-demo-content"><img src="templates/meet_gavern/images/content/responsive_design.png" alt="Responsive Web Design" />
<h2>Responsive Web Design</h2>
<p>Joomla! 3.0 and Gavern Framework are prepared to support Responsive Web Design</p>
<a class="btn btn-large" href="http://gavick.com/magazine/responsive-web-design-necessity-or-fashion.html">Read more</a></div>
<div class="span3 gk-demo-content"><img src="templates/meet_gavern/images/content/responsive_design.png" alt="Responsive Web Design" />
<h2>Responsive Web Design</h2>
<p>Joomla! 3.0 and Gavern Framework are prepared to support Responsive Web Design</p>
<a class="btn btn-large" href="http://gavick.com/magazine/responsive-web-design-necessity-or-fashion.html">Read more</a></div>
</div>
</div>
dziudek wrote:Sorry my small mistake, I forgot that the width of these blocks is generated using the Bootstrap span* classes. So in the "Based on Bootstrap" module please paste the following code:
(...)
Then you will achieve the four-column layout