I have very recently downloaded the trial of RSD and am working through the tutorials to see how I get on. One thing I don't understand is setting the overall page width (before i add any breakpoints).

When creating a brand new file using the new command in RSD, without changing any settings, the grid/rows seem to have a maximum width of 1200px, even though the grid width and max width are both set to auto.

However, when I download the reference-design.rsd project file from the coffeecup site, although grid settings appear to be the identical, the width of the grid/rows seems to be 960px.

Although I realise i can change overall grid width using the grid design settings, I cannot find a way to reproduce the tutorial settings exactly as they appear in the reference design project file.

Has anyone else come across this and any ideas how this works?

Thanks

Mike

Hey Mike,

You can select the grid (hover over any element and select 'grid') from the little drop down pop up and give it a (max-) width on the Design pane. This encapsulates everything, none of the page element can go outside this.

You can also select a Row. If you then select Type from the 'Apply to' drop down you can set the max-width (and any other design aspects) of all elements of that type, row in this case at the same time. If you were to set the max-width of all rows to 960px you could later decide to make certain rows stretch the full width by selecting Class from the 'Apply to' drop down and using max-width 'none'.

The selector system is really powerful once you get the hang of it

You can find details in the 'tips theme' that we are preparing for the release of RSD V1.5: http://rsd.coffeecup.com/tips-v09.html Use the index to jump to tip 4.

Hope this helps!

Thanks Bob

Now I understand! That was one place I didn't think to look.

Thanks for the fast response. Already I can see that RSD it very powerful and easy to use. I'm only on my second day of trial and its looking great.

Thanks once again

Mike

Hi Bob, will this eliminate my having extra space on the right of my site (like 100px) while viewing on a actual mobile device's portrait view because I don't see that happening in landscape view. I cant figure out what casing that to happen.

Thanks,
-WMFX

The space must have been added by someone or come from the theme

If you can post a link I will have a looksy!