Joomla Templates Club 406,261 posts

[pinta Friend pintaJoin date: March 2006Posts: 16Downloads:0Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#117542

How can i increase the wide one of the template??? almost 100% of the user screen??? 🙂

[stevek2 Friend stevek2Join date: October 2006Posts: 13Downloads:0Uploads:0]

#211441

Hi,

I have been working on this as well and would greatly appreciate a little help. I want a left column and content to fill 95% of the screen.

NOTE – I have a dedicated template for the full width so I am not concerned with breaking the other wide or narrow pages.

The challenges are the left and right columns. If all left and right columns are off the following mods to the template.css.css work fine. The problem is thsi does NOT work when you turn the columns on. I am stumped for now.

CAUTION YOUR TEMPLATE WILL NOT WORK IN ANY OHTER MODE. back-up your original template_css.css.

/* WIDE LAYOUT DIVS WIDTH
——————————————————— */
.wide #ja-header-wrap2,
.wide #ja-sh-wrap2,
.wide #ja-pathway-wrap2,
.wide #ja-main-wrap2,
.wide #ja-footer-wrap2 {
width: 95%;
}

.wide #ja-main {
background: url(../images/main-wide-bg.gif) repeat-y right #FFFFFF;
}

.wide #ja-main-full-left {
background: url(../images/main-wide-fl-bg.gif) repeat-y right #FFFFFF;
}

.wide #ja-main-full-right {
background: url(../images/main-wide-fr-bg.gif) repeat-y right #FFFFFF;
}

.wide #ja-content {
width: 95%;
float: left;
}

.wide #ja-content-full-left {
width: 95%;
float: left;
}

.wide #ja-content-full-right {
width: 95%;
float: right;
}

/* 1 column content width */
.wide #ja-content-f {
width: 100%;
float: left;
}

If anyone has already done this I would appreciate the help.

Steve

[Author]

Posts