Custom Left Sidebar Width?

Board index » YUI 2.x: » CSS

Page 1 of 1

[ 5 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

Devin Columbus

Username: dcolumbus
Joined: Sun Feb 07, 2010 5:30 pm
Posts: 23

Tags:

builder

Custom Left Sidebar Width?

Posted: Tue Jul 27, 2010 8:23 am

+0-

Within the Grid Builder the Left Sidebar widths are: 168, 180 and 300.

Is there a way that I can specify a custom width? the jump from 180 to 300 is going to throw off my design.

Thank you.

Dav Glass

Username: davglass
Joined: Thu Aug 28, 2008 9:28 am
Posts: 2088
Location: Marion, IL, US
Twitter: davglass
GitHub: davglass
Gists: davglass
IRC: davglass

Tags:

Re: Custom Left Sidebar Width?

Posted: Tue Jul 27, 2010 10:35 am

+0-

There are only 3 sidebar sizes in this version of grids. If you want a different size, you will have to hand code the CSS yourself..

Devin Columbus

Username: dcolumbus
Joined: Sun Feb 07, 2010 5:30 pm
Posts: 23

Re: Custom Left Sidebar Width?

Posted: Tue Jul 27, 2010 10:42 am

+0-

So there's no way of just slightly modifying the current css? I mean, all I want is the sidebar left to be a little wider. Instead of 180 or 300, I want 225px.

You're telling me that I have to ditch the entire grid structure if I want to accomplish this?

Matt Sweeney

YUI Developer

Username: msweeney
Joined: Mon Dec 08, 2008 4:58 pm
Posts: 77
Twitter: msweeney
GitHub: msweeney
Gists: msweeney

Tags:

Re: Custom Left Sidebar Width?

Posted: Tue Jul 27, 2010 2:19 pm

+0-

Assuming you are using the t2 layout, this should do it:

Code:

.yui-t2 #yui-main .yui-b {
    margin-left: 225px; /* plus any "gutter" */
}

.yui-t2 .yui-b {
    width: 225px;
}

You may want to check out the new version of grids that is available with our 3.2.0 pr1 release:
http://yuiblog.com/sandbox/yui/3.2.0pr1 ... fixed.html

Extending and customizing grids is now much easier.

I'm thinking the code for your layout would look something like:
http://gist.github.com/492969

Devin Columbus

Username: dcolumbus
Joined: Sun Feb 07, 2010 5:30 pm
Posts: 23

Re: Custom Left Sidebar Width?

Posted: Tue Jul 27, 2010 4:13 pm

+0-

Thanks for that reply... that is massively helpful.

I did something similar... I just manipulated the margin of the main body section... your way is probably cleaner.

Thanks again.

Page 1 of 1

[ 5 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum