Ese problema se resuelve a través del código
CSS y algo de
PHP. Te explico lo que está pasando:
En ese link que nos das estamos en una página principal (index.php), y por lo tanto la plantilla espera que se muestre el componente principal (component) dentro del
div#main. Cabe señalar que este id tiene la orden que tendrá un alto mínimo (min-height) de
420px, es decir, que haya o no haya texto ese será su alto mínimo (podria ser mayor).
Ahora, existen varias soluciones la cuales podrían ser:
1- Creando una condicional para que no se muestre la posición del componente principal en el home del sitio.
2- Rellenando con contenido esa posición
3- Disminuyendo el alto mínimo.
Pero la mejor solución sería crear una condicional en PHP la cual ordene que NO se muestre la posición del componente principal en el home y editando el CSS para evitar que al navegar por las otras páginas pase eso, que quede un margen de espacio en blanco vacío.
Ahora abre el index.php de la plantilla en mención y busca el siguiente código:
Código PHP:
Ver original<div id="main">
<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" /></div>
<?php endif; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
Y edítalo de forma que quede así:
Código PHP:
Ver original<?php if(!$this->isFrontPage()) : ?>
<div id="main">
<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" /></div>
<?php endif; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<?php endif; ?>
Ahora solo es cuestión que te vayas a la carpeta
css y busques el archivo
position.css y edites cerca de la
línea 86 y pongas los siguientes valores:
Código CSS:
Ver original#main {
padding: 10px 0px 20px 0px;
position: relative;
min-height: 120px;
}
Esto debería de ser suficiente para que el problema se resolviera.
Saludos