test
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • subfighter Friend
    #133600

    i would like to know the best way to change the size of Right Column to say 300px..

    so i make the columns fixed widths instead of percents?

    col1 needs to be 150px

    col2 needs to be 300px

    Sherlock Friend
    #271763

    hi
    You can change
    1.template.css (line 518)

    #ja-content {
    background:transparent url(../images/content-center.gif) repeat-y scroll center center;
    clear:both;
    display:block;
    float:right;
    width:72%;
    }

    #ja-content {
    background:transparent url(../images/content-center.gif) repeat-y scroll center center;
    clear:both;
    display:block;
    float:right;
    width:500px;
    }

    2.template.css (line 552)

    #ja-col1 {
    float:left;
    overflow:hidden;
    width:28%;
    }

    Change to

    #ja-col1 {
    float:left;
    overflow:hidden;
    width:150px;
    }

    Sherlock Friend
    #271764

    3.template.css (line 511)

    #ja-mainbody {
    float:left;
    width:78%;
    }

    Change to

    #ja-mainbody {
    float:left;
    width:660px;
    }

    4.template.css (line 561)

    #ja-col2 {
    float:right;
    overflow:hidden;
    width:22%;
    }

    Change to

    #ja-col2 {
    float:right;
    overflow:hidden;
    width:300px;
    }

    subfighter Friend
    #271899

    thank you very much for taking to time to answer and guide me in the right direction to changing the widths. as its hard to get response around here many times.

    vedlos Friend
    #276491

    Hi.

    Excuse my ignorance… I want to do the same (I think): change the column widths, the central one to 564px and the sides to 192px each, but I really don’t know which values I should change.

    Thanks!

    Sherlock Friend
    #276517

    hi
    You can change
    1.template.css (line 518)

    #ja-content {
    background:transparent url(../images/content-center.gif) repeat-y scroll center center;
    clear:both;
    display:block;
    float:right;
    width:72%;
    }

    #ja-content {
    background:transparent url(../images/content-center.gif) repeat-y scroll center center;
    clear:both;
    display:block;
    float:right;
    width:564px;
    }

    2.template.css (line 552)

    #ja-col1 {
    float:left;
    overflow:hidden;
    width:28%;
    }

    Change to

    #ja-col1 {
    float:left;
    overflow:hidden;
    width:192px;
    }

    Sherlock Friend
    #276518

    3.template.css (line 511)

    #ja-mainbody {
    float:left;
    width:770px;
    }

    Change to

    #ja-mainbody {
    float:left;
    width:660px;
    }

    4.template.css (line 561)

    #ja-col2 {
    float:right;
    overflow:hidden;
    width:22%;
    }

    Change to

    #ja-col2 {
    float:right;
    overflow:hidden;
    width:192px;
    }

    you can change a bit more as you want

    vedlos Friend
    #276548

    Thanks a lot!

    Sherlock Friend
    #276552

    OK
    I marked this topic is solved

Viewing 9 posts - 1 through 9 (of 9 total)

This topic contains 9 replies, has 3 voices, and was last updated by  Sherlock 16 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum