Joomla Templates Club 406,261 posts

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#1064695

Hi,
I would like to change the width of these positions. At the moment, it is done automatically and it assigns a col width of 50% to each. I would like to make masthead-1 70% and masthead 2 30%.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1064812

Hi,

It belongs to the Spotlight block and it will automatically adjust the width based on the number of column you set in layout settings.

If you want to have that width (70-30), I suggest you to customize the layout a bit by adding a new block with 2 new positions. Here is my tweak:

• I assume that you’re mentioning the ‘home’ layout: http://prntscr.com/gr19x5
• Create 2 new positions called: mas-1 and mas-2 , go to file:
  root/templates/ja_mood/templateDetails.xml

add 2 position tags like this: http://prntscr.com/gr1a86

• Create a new block called top (download the attached file) and copy into directory: root/templates/ja_mood/tpls/blocks/top.php

In this ‘top.php’ file, I customize to load 2 new positions just created.

• Now, you need to load this new block into the ‘home’ layout:
  root/templates/ja_mood/tpls/home.php

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

http://prntscr.com/gr1ash

Finally, assign your desired module to these 2 new positions.

For more info about how to work with layout of T3, pls check out this doc: http://www.t3-framework.org/documentation/bs3-layout-system#about-layout

---

Attachments:

1. top.php_.zip

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#1064908

Thank you so much! That worked beautifully and I have learned how to do it for next time : )

[Author]

Posts