Joomla Templates Club 406,261 posts

[oscaweb Friend oscawebJoin date: February 2013Posts: 10Downloads:1Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#184804

I’m setting up a site with Teline IV (migrating from Teline II / J1.5).

Right now the main body is 66% of the page width, with the right column 34%. I’d like to be able to alter that to, say, 60/40.

When I inspect the page source, I see:

<div id=”ja-mainbody” style=”width:66%”>
and
<div id=”ja-right” class=”column sidebar” style=”width:34%”>

Those are clearly the numbers I need to change, but where are they configured? I can’t see them anywhere.

If I look in the layout (e.g. the default layout) I can see “66” as the width for the spotlight section. I’m not using the spotlight positions — my content is in ja-news-1 (i.e. in the mainbody) , and col-mass-top and right (in the right column). Changing the width of the spotlight section in the layout has no effect.

How do I change the width specification?

Thanks.

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

#482908

They are configured in the template manager. Go to the template manager and select the Teline IV template. In there look at the layouts tab. Change the figures in red below from
[PHP]<?xml version=”1.0″ encoding=”utf-8″?>
<layout name=”desktop”>
<!–Extra css load for this layout–>
<stylesheets>
</stylesheets>
<blocks name=”top” style=”xhtml”>
<block name=”absolute” type=”modules” style=”raw”>absolute</block>
<block name=”header” type=”header”></block>
<block name=”topmegamenu” type=”topmega”></block>
<block name=”mainnav” type=”mainnav”></block>
<block name=”topbar” type=”topbar”></block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”slideshow” type=”modules” style=”raw”>slideshow</block>
<block name=”topsl1″ type=”spotlight” special=”left” specialwidth=”66″>sl1-l,sl1-r</block>
<block name=”topsl2″ type=”spotlight”>user1,user2,user3,user4,user5</block>
</blocks>
<blocks name=”middle” main-inner=”1″ colwidth=”17″>
<block name=”content-top” style=”raw”>content-top</block>
<block name=”content-bottom” style=”raw”>content-bot</block>
<block name=”content-mass-top” style=”raw” type=”tabs”>ja-news-1,ja-news-2,ja-news-3</block>
<block name=”content-mass-bottom”>content-mass-bot</block>
<block name=”right-mass-top”>col-mass-top</block>
<block name=”right-mass-bottom”>col-mass-bot</block>
<block name=”inset1″>left</block>
<block name=”right1″>right1</block>
<block name=”right2″>right2</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl1″ type=”spotlight”>user6,user7,user8,user9,user10</block>
<block name=”botsl2″ type=”spotlight” special=”left” specialwidth=”66″>user11,user12</block>
<block name=”footer” type=”footer” main-inner=”1″></block>
</blocks>
</layout>
[/PHP]
to

[PHP]<?xml version=”1.0″ encoding=”utf-8″?>
<layout name=”desktop”>
<!–Extra css load for this layout–>
<stylesheets>
</stylesheets>
<blocks name=”top” style=”xhtml”>
<block name=”absolute” type=”modules” style=”raw”>absolute</block>
<block name=”header” type=”header”></block>
<block name=”topmegamenu” type=”topmega”></block>
<block name=”mainnav” type=”mainnav”></block>
<block name=”topbar” type=”topbar”></block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”slideshow” type=”modules” style=”raw”>slideshow</block>
<block name=”topsl1″ type=”spotlight” special=”left” specialwidth=”60″>sl1-l,sl1-r</block>
<block name=”topsl2″ type=”spotlight”>user1,user2,user3,user4,user5</block>
</blocks>
<blocks name=”middle” main-inner=”1″ colwidth=”20″>
<block name=”content-top” style=”raw”>content-top</block>
<block name=”content-bottom” style=”raw”>content-bot</block>
<block name=”content-mass-top” style=”raw” type=”tabs”>ja-news-1,ja-news-2,ja-news-3</block>
<block name=”content-mass-bottom”>content-mass-bot</block>
<block name=”right-mass-top”>col-mass-top</block>
<block name=”right-mass-bottom”>col-mass-bot</block>
<block name=”inset1″>left</block>
<block name=”right1″>right1</block>
<block name=”right2″>right2</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”botsl1″ type=”spotlight”>user6,user7,user8,user9,user10</block>
<block name=”botsl2″ type=”spotlight” special=”left” specialwidth=”60″>user11,user12</block>
<block name=”footer” type=”footer” main-inner=”1″></block>
</blocks>
</layout>[/PHP]

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

#482909

Sorry, the code tags seem to be not working on the forum at the moment so I have had to use the php tags.

Look for the figures in there set to 66 and change them to 60, then look for the figure 17 and change that to 20. Hope that helps.

1 user says Thank You to Phill for this useful post

1. oscaweb

[oscaweb Friend oscawebJoin date: February 2013Posts: 10Downloads:1Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#482947

Aha! I had been looking at that code but somehow missed the “17”, or didn’t twig to the fact that 17×2=34.

I changed the layout to use 62 and 19 (i.e. 62% and 38%) and that seems to be the right balance.

Thanks!

1 user says Thank You to oscaweb for this useful post

1. Phill

[Author]

Posts