Thanks JustLoveJoomla for coming in with a response.
Yes, I've successfully widened the right module and need to make the content narrower so it all still fits.
I've installed Firebug as suggested. This seems to confirm that I need to make [ja-contentwrap] narrower.
But I can't figure which line to change.
I think I'll need to separate it from [ja-mainbody].
I understand that the last occurrence in the css file is the one that has dominance so I added the line [width: 60%] to the individual line for [ja-contentwrap].
Of course, I've changed just about every line in this section of the css with no real success.
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
width: 100%;
margin: 0;
background: #F2F2F2;
}
#ja-containerwrap {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}
#ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}
#ja-container {
background: url(../images/c-bg1.gif) repeat-y 18% 0;
}
#ja-container2 {
padding: 20px 0;
background: url(../images/c-bg2.gif) no-repeat 18% 0;
}
#ja-mainbody-fr #ja-col1 {
width: 20%;
}
#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}
#ja-mainbody, #ja-mainbody-fl {
float: left;
width: 80%;
}
#ja-mainbody #ja-contentwrap {
float: right;
width: 75%;
}
#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 100%;
}
#ja-mainbody-f, #ja-mainbody-fr {
float: none;
width: 100%;
}
#ja-mainbody-fr #ja-contentwrap {
width: 74.8%;
float: right;
}
#ja-mainbody-fr #ja-col1 {
width: 20%;
float: left;
}
#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}
#ja-content {
padding: 0 20px 0 40px;
}
#ja-contentwrap {
min-height: 300px;
height: auto;
}
* html #ja-contentwrap {
height: 300px;
}
#ja-mainbody-fl #ja-content {
padding-left: 0;
}
#ja-mainbody-f #ja-content {
padding: 0;
}
Gotta be in there, somewhere.
Would greatly appreciate further guidance if possible.
Thanks,
Laurie.
