How to set Top1 Position to full width

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Jan 14, 2015 5:31 pm
Reply with quote
Report this post
How can I set top1 module position to display in full width.
I have found something for header - but not for top1 position.

This works for gkHeader:
#gkHeader .gkPage { max-width: none; width: 100%;}
#gkHeader { padding: 0; }

How to modify it that it works for gkTop1?

Thanks in Advance!
User avatar
Fresh Boarder

GK User
Wed Jan 14, 2015 5:41 pm
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Thu Jan 15, 2015 7:59 am
Reply with quote
Report this post
It's on localhost - but it is a blank demo installation like:

https://demo.gavick.com/joomla25/simplicity/
User avatar
Fresh Boarder

GK User
Fri Jan 16, 2015 5:46 pm
Reply with quote
Report this post
There is no module posted in top1 position on the demo.
User avatar
Moderator

GK User
Mon Jan 19, 2015 11:43 am
Reply with quote
Report this post
Now I have installed it on a demo domain with a top1 module.

http://demo.putzzeit.at/

Could you please try to get this top1 module to full width.

Thanks.
User avatar
Fresh Boarder

GK User
Wed Jan 21, 2015 7:50 am
Reply with quote
Report this post
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; ?>
User avatar
Moderator

GK User
Wed Jan 21, 2015 8:48 am
Reply with quote
Report this post
Thank you for your reply - but this does not work.
Could you please check this again.

Thank you.
User avatar
Fresh Boarder

GK User
Fri Jan 23, 2015 1:21 pm
Reply with quote
Report this post
Please try this one:
Code: Select all
      <?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; ?>
   <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('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; ?>
User avatar
Moderator

GK User
Fri Jan 23, 2015 1:53 pm
Reply with quote
Report this post
Works great - thank you !

Best regards,
Manfred
User avatar
Fresh Boarder

GK User
Sat Jan 24, 2015 1:17 pm
Reply with quote
Report this post
No problem :).
Please let me know if you would have any additional questions regarding this topic.
If you will have any other questions (not relative to this thread), feel free to post new forum threads - it allows us to answer you faster.
User avatar
Moderator


cron