I tried to change the width of the content area from current 50% to 53% in layout.css and it made the sidebar underflow the content region. So then I changed the CSS of grail-overrides as given below to make the content area appear as is in the capture1.jpg.

layout.css

#content {
float:left;
width:53%;
padding-bottom:1em
}

grail-overrides.css

body.one-sidebar #main-inner {
margin-left:-440px;
}

body.one-sidebar .farleft {
margin-left:30px;
}

body.one-sidebar #content-inner {
margin:0 10px 25px 400px;
}

body.one-sidebar #sidebar-left, body.one-sidebar #sidebar-right {
left:405px;
width:280px;
}

But the problem now is that there is too much margin on the left side of the content area as you can see in capture1.jpg and broken white space at the bottom as you can see in capture2.jpg.

I removed tableft.png image as well for smooth transition of the theme

I need a quick fix for this. Please help me out soon.

I would be happy if you can let me sort out the problem keeping rounded corners at the edges.

CommentFileSizeAuthor
capture2.jpg64.17 KBnikmahajan
capture1.jpg127.93 KBnikmahajan

Comments

gausarts’s picture

gausarts commented

I'll see to it one at a time ASAP.

gausarts’s picture

gausarts commented

Try this:

body.one-sidebar #main-inner {
margin-left:-300px;
}

body.one-sidebar #content-inner {
margin:0 10px 25px 300px;
}

body.one-sidebar #sidebar-left, body.one-sidebar #sidebar-right {
left:290px;
width:280px;
}

If you see grail-devwith, we only need to change margins, and leave layout.css alone :)
The curved corners may be removed without hurting the layout. Just make sure you add at least a color background :)

nikmahajan’s picture

nikmahajan commented

thanks that worked. I have put the theme live now at http://expertscolumn.com. Just let me know what you think of it especially individual node pages. Regarding home theme, I am in touch of customizing panels as much as I can.

One more issue. I want a footer area pretty similar to the one at http://xomba.com. How do I do that. Remember I am talking about footer region and not closure region. - I did it using CSS and tables. Sorry for bothering you.

gausarts’s picture

gausarts commented

That really looks pretty. Nice curved corners. Great customization.
You can avoid using tables later, when you have more time to get around CSS :)

nikmahajan’s picture

nikmahajan commented

thanks you lot gausarts

gausarts’s picture

gausarts commented
Priority: Critical » Normal
Status: Active » Fixed

Feel free to reopen if anything crop up :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.