Public Forums 71,145 posts

[quads Friend quadsJoin date: April 2008Posts: 10Downloads:0Uploads:0 Thanks: 2]

#127213

With regards to changing the width of the left hand menu / column in JA_Purity, I found this info at joomla.org in the forums:

–> templates–> ja_purity–> css–> template.css

Open template.css in any external editor (notepad.exe works fine)
In that file scroll down to where you see this:

………#ja-col2 {
…………..float: right;
…………..width: 20%;
…………..overflow: hidden;
}

The width is controlled by the width: 20%;
–> Set 20% to whaever value you prefer.
–> Save the changes to the file and upload to your site (be sure to save it in the correct folder)
–> Test your settings and make changes as needed

NOTE: It seems I saw a question about the left column from someone else.. same thing there only it is controlled by the width in #ja-col1.

Is it just me, or is there something I’m missing / doing wrong? (either would be entirely possible)

Any change I make to the value for the left column has no effect on the template layout. Have tried both IE and FF. I’m simply trying to get it down to about 15% or so, however changing that value does nothing for me.

Am I missing something else that needs changing?

Site in question is http://www.pcpotato.com
(along with a few others I have in other domains which I’m building around the same template.)
Running Joomla 1.5.1 with no other template mods other than a new header image / logo.

I’d greatly value any input on making this change.

Much thanks!
Quads

[lehoai Friend lehoaiJoin date: January 2007Posts: 158Downloads:0Uploads:0 Thanks: 13 Thanked: 7 times in 7 posts]

#244310

Dear Quads you should open that file. Search this
<blockquote>
#ja-mainbody-fr #ja-col1 {template.css (line 858)
float:left;
width:20%;
}
</blockquote>
and
<blockquote>#ja-mainbody-fr #ja-contentwrap {template.css (line 863)
width:80%;
}</blockquote>

Then change value of width between 100% example i want left is 15% and thecontentwrap has is 85%.

Then to change the gray background you have to edit this image to has what you want. <blockquote>http://www.pcpotato.com/templates/ja_purity/styles/background/lighter/images/c-bg2.gif</blockquote>

1 user says Thank You to lehoai for this useful post

1. quads

[quads Friend quadsJoin date: April 2008Posts: 10Downloads:0Uploads:0 Thanks: 2]

#244377

<em>@lehoai 47228 wrote:</em><blockquote>Dear Quads you should open that file. Search this

and

Then change value of width between 100% example i want left is 15% and thecontentwrap has is 85%.

Then to change the gray background you have to edit this image to has what you want.</blockquote>

Charm!
(as in: How does it work?)

Thank you very much.
I had (obviously) not even considered that if I take a chunk out here, I need to add something back there. Didn’t even dawn on me. Duuuh!

Thank you again!

[quads Friend quadsJoin date: April 2008Posts: 10Downloads:0Uploads:0 Thanks: 2]

#244383

Final follow up for anyone else looking to make change to the images, you will actually need to modify two gif files, both of which can be grabbed from my site if you want to save the effort:
(these are the background images for the menu bar on the LHS)

http://www.pcpotato.com/templates/ja_purity/styles/background/lighter/images/c-bg2.gif
and
http://www.pcpotato.com/templates/ja_purity/styles/background/lighter/images/c-bg1.gif

These are modified to fit an 85% / 15% layout in the template.css file.

Again, much thanks to the JA Team for the awesome work and contributions to the J! community.

Enjoy-
~Q

[bigrk Friend bigrkJoin date: February 2007Posts: 1425Downloads:0Uploads:2 Thanks: 39 Thanked: 45 times in 15 posts]

#249482

Moved thread. Posted to notify users.

[roblom Friend roblomJoin date: April 2008Posts: 4Downloads:5Uploads:0 Thanks: 2]

#277443

#ja-mainbody-fr #ja-col1 {
width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}

is in there twice. Is that correct?

[paranoyak Friend paranoyakJoin date: December 2008Posts: 1Downloads:0Uploads:0]

#283894

<em>@Quads 47321 wrote:</em><blockquote>Final follow up for anyone else looking to make change to the images, you will actually need to modify two gif files, both of which can be grabbed from my site if you want to save the effort:
(these are the background images for the menu bar on the LHS)

http://www.pcpotato.com/templates/ja_purity/styles/background/lighter/images/c-bg2.gif
and
http://www.pcpotato.com/templates/ja_purity/styles/background/lighter/images/c-bg1.gif

These are modified to fit an 85% / 15% layout in the template.css file.

Again, much thanks to the JA Team for the awesome work and contributions to the J! community.

Enjoy-
~Q</blockquote>

Thank you for sharing,
but c-bg1.gif is it blank it seems blank I did not even save it.
can you send another link

best regards
tolga

[deano Friend deanoJoin date: December 2008Posts: 1Downloads:0Uploads:0]

#284348

Guys, thanks for this article. Worked a treat, as you can imagine there is a but coming here!

When i then used a module on the right such as logged in users on the home page it causes the menu to return to the original width. Click on a link in the menu that doesnt have a right module and the width is perfect!

I’ve tried deleting the home page and recreating it along with the modules and clearing cache.

Any ideas?

Can see it over at http://www.whosracing.com

Thanks

Dean

[greis09 Friend greis09Join date: January 2009Posts: 1Downloads:0Uploads:0]

#287493

I make all the changes that you indicate, bute thr menu dont move, i use right side modules, how can i make the left side smaller?:confused:

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#287566

You can, as indicated above, change the width of any right or left column inside the css for the template. Whether you have to change the % of width or the px size. This way you can adjust it manually.

[schooleym Friend schooleymJoin date: March 2009Posts: 1Downloads:0Uploads:0]

#294128

<em>@deano 102603 wrote:</em><blockquote>Guys, thanks for this article. Worked a treat, as you can imagine there is a but coming here!

When i then used a module on the right such as logged in users on the home page it causes the menu to return to the original width. Click on a link in the menu that doesnt have a right module and the width is perfect!

I’ve tried deleting the home page and recreating it along with the modules and clearing cache.

Any ideas?

Can see it over at http://www.whosracing.com

Thanks

Dean</blockquote>

Can someone go into a little more detail regarding the additional changes needed in the CSS file to deal with pages that have modules on the right. I am having the same problem as described above.

Thanks!

[bassman Friend bassmanJoin date: October 2006Posts: 9Downloads:0Uploads:0 Thanks: 2]

#294167

I´ve tried to adjust almost all parameters to get JA_Purity my way but I gave up.
JA_Purity has no right column.
80 % main body and 20 % left column there´s no left for the right col.
There´s no grey background on right side either.
So, I have to look after another template and just wonder why just JA-Purity are encloces with Joomla 1.5
I´ve even tried to download another JA_Purity for my homepage Joomla 1.5 but there´s only for Joomla 1.0
I´m disappointed
/Bassman

[handberg Friend handbergJoin date: March 2009Posts: 12Downloads:0Uploads:1]

#295985

Hi deano

You obviously solved the problem (I see that on Your site)
What did You do to solve it (I have the same problem)

Regards
Handberg

[bassman Friend bassmanJoin date: October 2006Posts: 9Downloads:0Uploads:0 Thanks: 2]

#296047

Hi handberg!
No, I didn´t solve the problem, I just bought another template.

Regards
Bassman

[b0w_bender Friend b0w_benderJoin date: February 2009Posts: 3Downloads:0Uploads:0]

#301293

dag nabit, Ive made all the adjustments described above and have been totally unsuccessful in reducing the width of the gray area on the left. I’ve been able to modify the width of the menu items but the the gray area remains constant.

I’ve completely reduced the size of the backround files but that make no difference. Is this the correct path to the files to be modified /templates/ja_purity/images/c-bg1.gif ?

[Author]

Posts