Thesis 2.0 has been rockin the world of wordpress but some people miss the full width framework, this isn’t because Chris removed this feature, it’s because you need to make a few adjustments. Thesis 2.0 has the greatest level of control over your layout than any other theme out there.
So this tutorial is going to show you how to adapt the classic theme to a full width framework.
Full Width Framework
This tutorial focused on making the header and footer full width, but keeping the content fixed in the centre of the page.
Watch this video to see how.
The overall HTML layout should look something like this.
Remember that you need to assign a class to your fixed width container.
Once you have the above and your content inside your fixed width containers then hit the save button and head over to the CSS editor.
Create a new package called Fixed Width and add the following to the input boxes.
In the options tab you need to set the width to the same as your container and add auto to the margin left and right.
Once You have done that, then we need to add it to our reference sheet.
Remember what you add to the reference sheet must be the same as the reference of the package and you can see that by looking at the package you created.
I hope this has been helpful to you, if you would liked this post please share it and if you want more subscribe to the blog and receive all the Thesis 2.0 tuts straight to your inbox.
Don’t have Thesis check it out here