Joomla Templates

Hi,

I already used the search engine but I couldn't find an appropriate thread answering my question:

How do I make the middle/content pane wider than it currently is? Even though I adjusted many parameters in my template.css file and made the border images wider it still is too small...
As me and the people that will access this page have widescreens (say 16:10), a wider content pane would be more appropriate as the left and right borders of the page are blank...

Thank you very much for your help.

- Fissure

Hello All,

I am very new to this web design, and am making a web site for myself/new business.

I would also like to know how to adjust the middle content pane, as well as the left and right column widths. I have looked through the forums and web, and cannot find a straight answer.

I do not find the left column wide enough for the headings in the main menu section and cannot work out how to widen the right column to use joomulus effectively.

Although I am using Bliss 3, I think the answer will be similar or the same

Can anyone help with this please?

Many Thanks



Varga

Hey again,
yip you can adjust widths, but you'll need to edit the css files to do so. And depending on the template the image files as well.

There is a general safe total site width of 960px which we like to stick to. You're welcome to exceed that width but to look good on smaller screens that's about the maximum. And if you're using left and right columns it doesn't leave that much room. But you can minimize the width of the content to allow more room for the left column :)

I hope that makes sense.

Hello Bambi, Many Thanks.

I sort of get what your saying, the trouble is I am not too sure which parts of the Bilss 3 templete to edit in the CSS.

The left column is not really a problem any more, as I have got rid of the stars next to the words in the menu.

Althought to have Joomulus in the right column I will still need to adjust the width. This would seem to be true for other modules to fit in well also.

Could you post the sections of CSS text that I would need to edit please? This would help me out a lot.

Many Thanks



Varga

You may want to try the module positions I suggested in the other post. But if you do want to make the right column bigger for other modules.
You first need to increase the size of the site wrapper div, this is currently 980px wide, becaus it's a good width for people on laptops. You could decrease the width of the main column but that's slightly more involved and is already quite narrow.
On line 112 of template.css you'll find the wrapper ID
#wrapper {
width: 980px;
}
I'm going to make it easy and say we want to increase it by 100px. So make the width 1080px.

Then on line 170 is the right column css.
#farrightwrap {
width: 180px;
}
Make that 280px. Now it'll still look like its small because the repeating background images are still the same width. The images that need changing are

commtechcooling.co.uk/joomla/templates/t.../ images/left-mid.png
commtechcooling.co.uk/joomla/templates/t.../ images/left-top.png
commtechcooling.co.uk/joomla/templates/t...ages/ left-bottom.png

It looks like you've increased the top and bottom images but the because the middle one is applied as a background image the only way to control the width is by editing the image source. It'll look slightly better if you edit the image so they all have the width you want to change it to, in this demo case 280px.