Joomla Templates Club 406,261 posts

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#173728

Hi
I needed more space in main content and for this I changed
#ja-wrapper {
margin: 0 auto;
padding: 0 0 40px;
width: 950px;
and put 84% instead of 950px.
The main context expand well, but I have problems with the images: main-bg2.gif, main-bg2-n.gif, main-bg1.gif and main-bg1-n.gif. These are the images that show the grey lines in the module columns. I treated to change the image for to adjust it but this is a problem in Safari, opera and Explorer8. I can’t adjust the image only for Firefox.
I also tried to fix the 20% and 25% with of the columns in fixed pixels.
I think that maybe I can expand the main content in other way for to no have problems. Can you help me?

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438199

I have no help yet. I need to know what to do to widen the main content without displacing the two gray lines left and right columns and look it well in browsers. At the moment I have joomla 1.5 template but it’ll for 1.7 and if so, to 2.5. It is very important …!

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438425

I insist.
How do I increase the main content space without “disarm” the two columns? This is joomla 1.5, should be very easy.
Please I need answer.
In another post in this forum is given a very similar solution but joomla 1.7, I can not imitate.
After I will need the template in 1.7.
In diferent browsers the template is also diferent. What can i do for to minimize de differences.
This is a real problem.

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438572

is there anybody out there?

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

#438573

Sorry, it appears your post got overlooked. Could you please post a link to your site and also make sure css optimization is set to “No” first so we can see the correct css to adjust.

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438580

I sended you the link in a private message (is just the way the things are…).
Where can I set “no” to css optimizacion?
Thanks for answer..!

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

#438584

So you want the two side columns to be smaller and the main content wider?

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

#438586

The width of the left column is controlled in template.css line 546

[PHP]#ja-col1 {
color: #626A69;
float: left;
overflow: hidden;
width: 20%;
}[/PHP]

changing the width as per below makes it fit nicely in the lines

[PHP]#ja-col1 {
color: #626A69;
float: left;
overflow: hidden;
width: 13.5%;
}[/PHP]

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438589

Hi, I don’t have the same results. I think you have your screen in very high resolution, I have the resolution in 1280×800. (I don’t know how to send you a screen image).

I want the main content will be wider than the normal template, because I need also the menu bar (main menu) with more space for the items that are there. You will notice that all the words in the main menu do not fit in the normal template.

The width of the columns does not matter, I just need the gray line does not move.
I tried what you say in Firebug and I think that it only causes a reduction in the width of the column, but does not modify the lines position.

Before, I modified the image to fit the line and it turned, but only in Firefox. In Explorer or Chrome the lines displacement were too much.

I hope your answer…!

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

#438610

It seems what you want is some heavy customization which may be better handled by a freelancer as it would take quite a bit of time to achieve with this template. Not only do you have css to modify but there are also images. With the newer JAT3 based templates this is a lot easier but with Edenite it would take some work.

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438614

I dont have problems with images! I can customize it. I only want to know how css I had to change. I know that JAT3 is better but this is J1.5 template lamentably…
I have to work necessarily in this version.

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

#438587

Here is an image showing what I am guessing you are after.

---

Attachments:

1. 

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438672

And can you tell me what work is it? I dont have problems with images..! I only want to know what css (or php) are necessary for to have the best results in differents browsers. i know that JAT3 is better, but this version of template is in J1.5 and is necessary to do it in this. The next months i will change to 1.7 or maybe 2.5 if the template is in this version.
But now, please help me.

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

#438674

The left colum width is set with template.css line 546

[PHP]#ja-col1 {
color: #626A69;
float: left;
overflow: hidden;
width: 13.5%;
}[/PHP]

The main content is set at line 531

[PHP]#ja-content {
clear: both;
display: block;
float: left;
width: 83%;
}[/PHP]

But you would also need to increase the value below to moove the mainbody accross.

Template.css line 524

[PHP]#ja-mainbody {
float: right;
width: 86.5%;
}[/PHP]

And finally reduce the width of the right column at template.css line 533

[PHP]#ja-col2 {
color: #626A69;
float: right;
overflow: hidden;
width: 17.5%;
}[/PHP]

As for the background lines I would suggest removing those and adding a css border instead to each div

The figures above are best guesses as I do not know eaxtly what you want which is why I suggest you work with a developer to create the exact look you are after.

1 user says Thank You to Phill for this useful post

1. iluminada

[iluminada Friend iluminadaJoin date: September 2010Posts: 128Downloads:0Uploads:17 Thanks: 7 Thanked: 2 times in 1 posts]

#438715

I have tried everything you’ve said in my local site but there are always problems with browsers.
It’s not good having to assign a border-right to each modules that are published, it is always unstable.
I decided to return to the original template and find another solution for the small space.
I should have realized before.
Thanks for your help…!!!

[Author]

Posts