Maggymae wrote:Still dazed and confused.
I restored everything back to square one
I managed to figure out that I should probably grab the CSS from the theme's css and made a child theme using the 2 column layout.
Doesn't work... still have the 3 columns.
I would love to use this theme but I guess I can't since my friend wants 2 columns. I am so disappointed.
I have viewed numerous examples in the showcase and tried to implement the changes I see in their CSS- still 3 columns- no matter what.
If I REMOVE the code from the sidebar.php file there is BLANK area where a column should be.
I have tried to follow each and every suggestion.
2 columns, sidebar on right... why is it so hard for me?
Help would be greatly appreciated.
The thing is, Maggymae, the instructions that molu gave were for a layout where the sidebar is on the LEFT, and you want the sidebar on the RIGHT. I have just finished modifying this theme for a 2 column with the sidebar on the right and have made an illustrated walkthru to add here to go with molu's.
First, what molu did works very well for the 2 column layout with the sidebar on the left, but it won't work for the 2 column layout with the sidebar on the right without a few adjustments and an extra step or two. (The images below will explain better)Please note that my modifications are for a 2 column layout with the sidebar on the RIGHT
(Always remember to back up any of the files that you are working with so that you can quickly restore them if something goes wrong. It only takes highlighting the code and pasting it to notepad while you're working with the original)1)
Make sure that you do not have any widgets in the primary sidebar (sidebar1) which is the sidebar on the left. (Even when you have no widgets in the primary sidebar, there will be 2 or 3 widgets showing up anyway because the sidebar.php has a function that specifically calls a dynamic sidebar which happens to be the primary sidebar. If there are no widgets found for the primary sidebar, then it will hard code in a few widgets (in this case, you are probably seeing the search bar, archives, and the meta widgets. No problem, we will remove that function when we remove the primary sidebar in the sidebar.php. step:
Go to Appearance > editor > sidebar.php.
Delete the coding that is highlighted below:
What this is doing is removing the primary sidebar (or sidebar1, the sidebar on the left) so that there is room to move the content area over in it's place and make it wider. It is also removing the function to "force code" widgets in that space when none are found.
When you finish the above step, your sidebar.php code should look like the image below:
Then make sure to click "Update File" before moving on to the next step.2)
Select the Stylesheet.css and scroll down to where you see "LAYOUT: Two Columns" as highlighted in the following image.**
Change the #container left margin from 220px to 20px. This is the step that will allow the content to move over to the left. The 220px margin still holds space there even after the sidebar has been removed, so this step is important or you will find your content entries down at the bottom of the page.**
The #content didn't have a width property because it took up the space that was left over after the margins and sidebar widths were taken. Now that these have changed, you need to give it a width. Add the line "width: 630px;" as shown below.**
I went ahead and removed the #sidebar1 id here also just to keep the coding clean and because of the width and float properties.**
If you want to leave the remaining (right) sidebar's width the same size as it is now (182px) then you don't have to change anything here. I wanted it wider in order to be more versatile and so changed it to 250px.
While you're still in the Stylesheet.css, scroll further down until you see the "Main Theme Structure" and delete the position property for #wrapper as shown highlighted below:
Make sure that you click "Update File" and that's it! I hope it helps!
(I will try and do a more formal instruction page for this layout when I get my site redesigned and add the link in this thread when it's done)