Joomla Templates Club 406,261 posts

[mountainman Friend mountainmanJoin date: April 2011Posts: 65Downloads:0Uploads:18 Thanks: 10 Thanked: 1 times in 1 posts]

#172193

Greetings

Much struggle before I discovered that to change the width of the right column in a template you modify the layout form. The layout form is found in Joomla backend under Template Manager by editing the template using the layout tab. Edit the template, e.g. default, that you would like to change.

To make the right column wider than the default value of 20% of the content and main part of the page change

<blocks name=”middle” colwidth=”20″ main-inner=”1″>
<block name=”left1″>left</block>
<block name=”content-mass-top”>content-mass-top</block>
<block name=”content-top” type=”modules”>content-top</block>
<block name=”content-mass-bottom”>content-mass-bottom</block>
<block name=”right1″>right</block>
</blocks>

to

<blocks name=”middle” colwidth=”20″ main-inner=”1″>
<block name=”left1″>left</block>
<block name=”content-mass-top”>content-mass-top</block>
<block name=”content-top” type=”modules”>content-top</block>
<block name=”content-mass-bottom”>content-mass-bottom</block>
<block name=”right1″ width=”25″>right</block>
</blocks>

Worked wonderfully but . . . .

The faint lines which are the border of the block persist. Can I remove them easily?

I have hunted borders coloured #E7E8E6 and tidied up some of them but I cannot find the last two. Nor does any inspection tool identify the block that they serve as edges for.

Thanks for your help

TonyD

And, by very careful use of ColorZilla as a probe,

div ja-moduletable moduletablesuffix clearfix Mod88 is the css for the left line and
div ja-col column #ja-right1 is the css for the right hand one.

Hope that helps

---

Attachments:

1. 

[mountainman Friend mountainmanJoin date: April 2011Posts: 65Downloads:0Uploads:18 Thanks: 10 Thanked: 1 times in 1 posts]

#431561

The left hand marked line is the right hand end of main-bg2.gif
The right hand marked line is the right hand end of main-bg1.gif

The lines which invoked these two images were commented out of template.css and the problem is solved.

Should I be looking for them in other css files?

Thanks

TonyD

1 user says Thank You to mountainman for this useful post

1. vineyardseashell

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#449451

Thanks Mountainman,

I too was trying to get the right side wider and ran into the same problem. Thanks to your posts I was able to comment out that pesky line.

Although, I wish there was a way to keep it and have the right side wider too.

Thanks again,

Vineyardseashell

[Author]

Posts