Joomla Templates Club 406,261 posts

[tfoster Friend tfosterJoin date: March 2010Posts: 29Downloads:0Uploads:3 Thanks: 8 Thanked: 1 times in 1 posts]

#150593

How do I widen the main body/container, that contains all the modules? Thanks.

[redlight_traitor Friend redlight_traitorJoin date: October 2006Posts: 211Downloads:0Uploads:3 Thanks: 32 Thanked: 8 times in 1 posts]

#341445

It’s in your css, I believe you have to widen the absolute wrapper width by increasing the number of pixels. Are you familiar with editing css?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#341561

Dear tfoster!
Please open the file: joomla/templates/ja_helio/css/template.css

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

/*added by tracy*/
.container {
background:#D9A95B;
color:#fff;
margin:10 15px 15px 15px;
}

.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#D9A95B;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

/* PRIMARY COLUMN
——————————————————— */
#ja-content {
clear: both;
display: block;
float: right;
width: 69%;
}

#ja-current-content {
padding: 0 0 20px;
}

/* COLUMNS
——————————————————— */
#ja-col1{float:left;}
div.module, div.module_menu, div.module_text, div.module_hilite, div.module_hilite2P

#ja-col1 .ja-innerpad {
padding: 0 0 50px 0;
}

#ja-col2 {
float: right;
overflow: hidden;
width: 25%;
background: url(../images/col-center.gif) repeat-y 20px 0;
}

#ja-col2-top {
background: url(../images/col-top.gif) no-repeat 20px 0;
}

#ja-col2-bot {
background: url(../images/col-bot.gif) no-repeat 20px bottom;
padding: 0 0 0 40px;
}

/*common style for column*/
#ja-colwrap a {
}

#ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus {
}

#ja-colwrap table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-colwrap .article_separator {
display: none;
}

/* COLLAPSIBLE LAYOUT
——————————————————— */
#ja-containerwrap,
#ja-containerwrap-f,
#ja-containerwrap-fr,
#ja-containerwrap-fl {
padding: 0;
margin: 0;
background: url(../images/grad2.gif) repeat-x bottom;
clear: both;
}

/*full*/
#ja-containerwrap-f #ja-container {
background: none;
}

#ja-containerwrap-f #ja-mainbody {
width: 100%;
}

#ja-containerwrap-f #ja-content {
width: 100%;
}

#ja-containerwrap-f #ja-current-content {
width: 100%;
}

/*content + left*/
#ja-containerwrap-fr #ja-mainbody {
width: 100%;
}

#ja-containerwrap-fr #ja-content {
width: 77%;
}

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

/*content + right*/
#ja-containerwrap-fl #ja-content {
width: 100%;
}

Please adjust value of width inside above rules

Good luck

[Author]

Posts