JM Mimisite: 3 column layout help. Left align website and increase center column widt

The code for columns and content size are fixed in the /skin/frontend/default/jm_minisite/css/layout.css:

Code:

.ja-col {
  padding-top: 20px;
  width: 240px;
}

and

Code:

.ja-liri #ja-current-content {
  margin-right: 20px;
  overflow: hidden;
  width: 413px;
}

Please change width to suite your design and idea.

The code for columns and content size are fixed in the /skin/frontend/default/jm_minisite/css/layout.css:

Code:

.ja-col {
  padding-top: 20px;
  width: 240px;
}

and

Code:

.ja-liri #ja-current-content {
  margin-right: 20px;
  overflow: hidden;
  width: 413px;
}

Please change width to suite your design and idea.

Dear Thangnn1510,

Thanks for help. I’ve adjusted as you suggested:

.ja-liri #ja-current-content {
margin-right: 20px;
overflow: hidden;
width: 413px; >>> 500 px

The problem is that my left column disappears.

Best,
Vova

Please help with the three column layout.

Dear Thangnn1510,

Thanks for help. I’ve adjusted as you suggested:

.ja-liri #ja-current-content {
margin-right: 20px;
overflow: hidden;
width: 413px; >>> 500 px

The problem is that my left column disappears.

Best,
Vova

How can I adjust CSS: Layout:

#ja-current-content {

to expand to the right side instead of the left?

Best,
Vova

Could you give the site link?

Could you give the site link?

main: http://rangevid.nextmp.net/
category: http://rangevid.nextmp.net/video-goggles-2.html
product:http://rangevid.nextmp.net/video-gog…v-goggles.html

I added tot he bottom of layout.css:
.main { max-width:auto; }
#ja-mainbody { float:none; }
#ja-inset2 { float:right; width:15%; }
#ja-inset1 { float:left; max-width:17%;}
.ja-liri #ja-current-wrap { width:85%; }
.products-grid li.item { padding-right:5%; width:28%; }

This helped with the category layout, but screws up product view. (

Please try changing this code:

Code:

<reference name="root">
            <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
        </reference>

in line 195 to:

Code:

<reference name="root">
            <action method="setTemplate"><template>page/3columns.phtml</template></action>
        </reference>

I hope this helps you.