Joomla Templates Club 406,261 posts

[exploreyourtrail Friend exploreyourtrailJoin date: June 2010Posts: 16Downloads:0Uploads:0 Thanks: 2]

#159025

I am trying to make the right1 position in the Teline IV template wider.

QUESTION: Where do I change this in the code to increase the width to fit modules better in the right1 position?

I need it at least 20% larger than the current value.

Any assistance appreciated.

RandyMac

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

#372769

So you want right1 to be larger at the expense of the main content (ja-news-1)?

Go into your template manager and in the layouts tab click on ghange for the default layout and add the code I have highlighted in red below.

<?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="header" type="header"></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" width="20">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>

1 user says Thank You to Phill for this useful post

1. exploreyourtrail

[exploreyourtrail Friend exploreyourtrailJoin date: June 2010Posts: 16Downloads:0Uploads:0 Thanks: 2]

#372771

Phill,

Most excellent. I very much appreciate your help. The right module position was just a little too small in width to fit the Jomsocial modules properly. It looks perfect after the change you suggested.

Thank you very much for your kind assistance.

Randy McCallum

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#372898

<em>@phill luckhurst 216217 wrote:</em><blockquote>So you want right1 to be larger at the expense of the main content (ja-news-1)?

Go into your template manager and in the layouts tab click on ghange for the default layout and add the code I have highlighted in red below.

<?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="header" type="header"></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" width="20">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>
</blockquote>

Phil,

Some related questions:

I assume the number “20” is a percent (%) value?
Is the total width of the wrapper and the “innercomponents expressed in fixed (e.g., pixels) magnitude or also in percent (%)?
If I use the css, which file do I find the CSS for these parameters?

Thanks.

Cornelio

[peforever Friend peforeverJoin date: December 2010Posts: 29Downloads:0Uploads:5 Thanks: 2]

#374352

I am trying to do the same but with right-mass-top AND right-mass-bottom.
I used the same width= “x” code but for some reason they are not changing.
It works fine with inset1 but not with these blocks.
Below is the full layout code.
Please help?

<?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=”mainnav” type=”mainnav”></block>
<block name=”header” type=”header”></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” width=”30″>col-mass-top</block>
<block name=”right-mass-bottom” width=”30″>col-mass-bot</block>
<block name=”inset1″ width=”18″>left</block>
<block name=”right1″>right</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>

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

#374363

If you want that whole section wider then look at the colwidth=”17″. Increase that and your block on the right will become wider.

[peforever Friend peforeverJoin date: December 2010Posts: 29Downloads:0Uploads:5 Thanks: 2]

#374380

Thanks Phil!

[Author]

Posts