Blocks in the homepage

Support help forum dedicated to free and commerical templates for Joomla 3 and 2.5 version.
GK User
Wed Nov 07, 2012 11:37 am
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
User avatar
Fresh Boarder

GK User
Wed Nov 07, 2012 9:26 pm
Hi,

You need to just set width: 25%; instead of width: 33%; for these blocks ;)
User avatar
Administrator

GK User
Thu Nov 08, 2012 12:21 pm
dziudek wrote:Hi,

You need to just set width: 25%; instead of width: 33%; for these blocks ;)


Please, where can I find block width param?
User avatar
Senior Boarder

GK User
Thu Nov 08, 2012 1:10 pm
In the custom HTML module used to display this modul in the mainbody module position.
User avatar
Administrator

GK User
Thu Nov 08, 2012 2:41 pm
dziudek wrote:In the custom HTML module used to display this modul in the mainbody module position.


Dziudek, thak you for your fast answer but I think I'm getting too stupid or too old for this game. :unsure:
Would you be so kind to explain more, I can't find it? I was looking thru the params or thru code, but I don't see it. Maybe I should change my contact lenses... We are talking about "Based on Bootstrap" custom html module?
User avatar
Senior Boarder

GK User
Thu Nov 08, 2012 3:38 pm
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:

Code: Select all
<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>


Then you will achieve the four-column layout :)
User avatar
Administrator

GK User
Thu Nov 08, 2012 3:50 pm
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 :)


Thank you, no need for sorry. Stupid me was looking for 33% - I saw width:31.914893614% but I ignored it :)

Problem solved. I like when it happens :)
User avatar
Senior Boarder


cron