Joomla Templates Club 406,261 posts

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#206206

HI, with the Uber template how can I create a Top left Module position and a Top right module position?
both taking up 50% of the page width each

thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#570009

Hi

You can duplicate block spotlight-1.php file in this way and call it spotlight-2.php and save inside templatesubertplsblocks folder

defined('_JEXEC') or die;
?>

<?php if ($this->checkSpotlight('spotlight-2', 'position-10, position-11')) : ?>
<!-- SPOTLIGHT 2 -->
<div class="container t3-sl t3-sl-1">
<?php $this->spotlight('spotlight-2', 'position-10, position-11') ?>
</div>
<!-- //SPOTLIGHT 2 -->
<?php endif ?>

Then open the Layout file for example the templatesubertplsdefault.php and add your new block

<div class="t3-wrapper"> <!-- Need this wrapper for off-canvas menu. Remove if you don't use of-canvas -->

<?php $this->loadBlock('spotlight-2') ?>

<?php $this->loadBlock('header') ?>

<?php $this->loadBlock('masthead') ?>

<?php $this->loadBlock('submenu') ?>

<?php $this->loadBlock('mainbody') ?>

<?php $this->loadBlock('spotlight-1') ?>

<?php $this->loadBlock('full-width') ?>

<?php $this->loadBlock('footer') ?>

</div>

Here the result

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. damaskmedia

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#735081

Hi

You can duplicate block spotlight-1.php file in this way and call it spotlight-2.php and save inside templatesubertplsblocks folder

defined('_JEXEC') or die;
?>

<?php if ($this->checkSpotlight('spotlight-2', 'position-10, position-11')) : ?>
<!-- SPOTLIGHT 2 -->
<div class="container t3-sl t3-sl-1">
<?php $this->spotlight('spotlight-2', 'position-10, position-11') ?>
</div>
<!-- //SPOTLIGHT 2 -->
<?php endif ?>

Then open the Layout file for example the templatesubertplsdefault.php and add your new block

<div class="t3-wrapper"> <!-- Need this wrapper for off-canvas menu. Remove if you don't use of-canvas -->

<?php $this->loadBlock('spotlight-2') ?>

<?php $this->loadBlock('header') ?>

<?php $this->loadBlock('masthead') ?>

<?php $this->loadBlock('submenu') ?>

<?php $this->loadBlock('mainbody') ?>

<?php $this->loadBlock('spotlight-1') ?>

<?php $this->loadBlock('full-width') ?>

<?php $this->loadBlock('footer') ?>

</div>

Here the result

1 user says Thank You to pavit for this useful post

1. damaskmedia

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#570019

Many thanks much appreciated 🙂

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#735091

Many thanks much appreciated 🙂

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#570020

Hi PAvit, your method works except just one problem. How to i modify the wrap of the new positions so that there is no padding but instead flush against the top right and top left

please see below for what i have at the moment

---

Attachments:

1. 

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#735092

Hi PAvit, your method works except just one problem. How to i modify the wrap of the new positions so that there is no padding but instead flush against the top right and top left

please see below for what i have at the moment

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#570023

Hi

I added a new class inside your custom.css file

,t3-slnew t3-sl-1new {
padding: none !important
}

Then i changed DIV class inside spotlight-2.php file from

<div class="container t3-sl t3-sl-1">
To

<div class="container t3-slnew t3-sl-1new">

Check now your 2 positions

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#735095

Hi

I added a new class inside your custom.css file

,t3-slnew t3-sl-1new {
padding: none !important
}

Then i changed DIV class inside spotlight-2.php file from

<div class="container t3-sl t3-sl-1">
To

<div class="container t3-slnew t3-sl-1new">

Check now your 2 positions

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#570027

HI there thanks for that but that doesn’t seem to have worked see below

---

Attachments:

1. 

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#735099

HI there thanks for that but that doesn’t seem to have worked see below

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#570028

<em>@damaskmedia 472667 wrote:</em><blockquote>HI there thanks for that but that doesn’t seem to have worked see below

</blockquote>

Could you post a mock-up of your desired layout ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#735100

<em>@damaskmedia 472667 wrote:</em><blockquote>HI there thanks for that but that doesn’t seem to have worked see below

</blockquote>

Could you post a mock-up of your desired layout ?

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#570029

PLEASE see attached. as you can see both positions should be flush

I think it needs to have the full with wrap to fix it.

thanks

---

Attachments:

1. 

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#735101

PLEASE see attached. as you can see both positions should be flush

I think it needs to have the full with wrap to fix it.

thanks

[Author]

Posts