Page 1 of 1

Positioning issue

Posted: Tue Jul 06, 2010 2:08 am
by Nikas
Hi,

I want to make use of this Template.

However, I want to change the 4 col to 5 col for the 'Recent Work', 'Learn about us'.....

I tried changing certain CSS, but it doesn't work right. I'm ain't good in CSS.

Any idea what to change?

Thank you.

Re: Positioning issue

Posted: Tue Jul 06, 2010 11:24 am
by kaszu
Change

Code: Select all

.quicknavgrid_3 {
    /* ... */
    width: 204px;
}
into

Code: Select all

.quicknavgrid_3 {
    /* ... */
    width: 155px;
}
Each column width is 204px + 20px left and 20px right padding = 244px
Total available space is 244 * 4 = 976px
For 5 column layout each column will be 195.2px - 20px left padding - 20px right padding = 155.2px ~ 155px

Now there should be enough space for 5th column :)

Re: Positioning issue

Posted: Tue Jul 06, 2010 11:50 am
by Nikas
Thanks for that.

Though I tried it before, it doesn't work that time. And why is it so. Cause I overlooked something.

Did a double closing for </div> and the display got messed up.

Thanks for this and I relooked and found my problem.