I'm affraid it cannot be done with only css.
You need to move top1 module position outside gkContentWrap in file templates/gk_simplicity/layouts/default.php.
Please find this part of code:
- Code: Select all
<div id="gkPageContent" class="gkPage">
<section id="gkContent">
<div id="gkContentWrap"<?php if($this->API->get('sidebar_position', 'right') == 'left') : ?> class="gkSidebarLeft"<?php endif; ?>>
<?php if($this->API->modules('top1')) : ?>
<section id="gkTop1" class="gkCols3<?php if($this->API->modules('top1') > 1) : ?> gkNoMargin<?php endif; ?>">
<div>
<jdoc:include type="modules" name="top1" style="<?php echo $this->module_styles['top1']; ?>" modnum="<?php echo $this->API->modules('top1'); ?>" modcol="3" />
</div>
</section>
<?php endif; ?>
<?php if($this->API->modules('top2')) : ?>
<section id="gkTop2" class="gkCols3<?php if($this->API->modules('top2') > 1) : ?> gkNoMargin<?php endif; ?>">
<div>
<jdoc:include type="modules" name="top2" style="<?php echo $this->module_styles['top2']; ?>" modnum="<?php echo $this->API->modules('top2'); ?>" modcol="3" />
</div>
</section>
<?php endif; ?>
and change it to:
- Code: Select all
<div id="gkPageContent" class="gkPage">
<?php if($this->API->modules('top1')) : ?>
<section id="gkTop1" class="gkCols3<?php if($this->API->modules('top1') > 1) : ?> gkNoMargin<?php endif; ?>">
<div>
<jdoc:include type="modules" name="top1" style="<?php echo $this->module_styles['top1']; ?>" modnum="<?php echo $this->API->modules('top1'); ?>" modcol="3" />
</div>
</section>
<?php endif; ?>
<section id="gkContent">
<div id="gkContentWrap"<?php if($this->API->get('sidebar_position', 'right') == 'left') : ?> class="gkSidebarLeft"<?php endif; ?>>
<?php if($this->API->modules('top2')) : ?>
<section id="gkTop2" class="gkCols3<?php if($this->API->modules('top2') > 1) : ?> gkNoMargin<?php endif; ?>">
<div>
<jdoc:include type="modules" name="top2" style="<?php echo $this->module_styles['top2']; ?>" modnum="<?php echo $this->API->modules('top2'); ?>" modcol="3" />
</div>
</section>
<?php endif; ?>