Joomla Templates Club 406,261 posts

[ag0g0girl Friend ag0g0girlJoin date: March 2010Posts: 51Downloads:0Uploads:2 Thanks: 4]

#159260

I believe these are in template.css file as ja-botsl-1 and ja-botsl-2

for the #ja-bots-1 .ja-box I put width: 25%;
and for the #ja-bots-1 .ja-box I put width: 75%;

My homepage still doesn’t show the module 1 collapsing. I saw another post where the T3 core was edited, but that seems kind of deep for this kind of simple adjustment.

There must be a place in the template folder to make this work!
>:(

UPDATE:
I found another post for having a title show for these modules, and I copied this from there, and put it under

/* Top spotlight —*/

but before

/* Bot spotlight 1 —*/

#ja-topsl .ja-box-left{
width: 80% !important;
}

#ja-topsl .ja-box-right {
width: 20% !important;
}

Very cool!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373605

I am guessing that you want 1 module to be 80% wide and the other 20% wide in the user 1 and user 2 positions.

No need to fiddle with css for that. The simple way would be to edit the layout in the template manager.

Open the layouts tab and click on the edit button for the default layout and find the code below. Add the bit I have highlighted in red and save your layout.

<block name="topsl" type="spotlight" style="raw" main-inner="1" specialwidth="80">user1,user2</block>

That will make the right module 80% wide and the left one 20%. If you want it the other way around simply change the 80 to a 20.

The beauty of this method is you can clone the layout in question and if desired use different ratios on different pages.

1 user says Thank You to Phill for this useful post

1. ag0g0girl

[Author]

Posts