[mrniceguy]

The template for my website comes with just one sidebar. I need another one.

I tried the code/steps listed in this page, and it worked... kind of.

When I tested that code out, it created a spot for the new sidebar on the left, but it pushed the text in the middle of the page over to the right, to the point where the text was partially covering the existing sidebar on the right.

I'm guessing that I need to expand the width of the middle portion of the screen somehow to accomodate for the new sidebar, perhaps? If so, how would I go about accomplishing that?

Thanks in advance for your time and consideration.

[exiles.prx]

First you will have to increase the width of your main content div container other wise you will have 5 words per line. Then you will need to add a div container before your fw-bigcontain and add the attribute style="float: left; width: 33%;". Next go to your fw-bigcontain and add the same, style="float: left; width: 33%;". Then edit the fw-sidebar to style="float: right; width: 33%;". You can adjust the width percentage to your liking but this should do what you are looking for as seen in the image attached.

Attached image(s)

• 

[mrniceguy]

exiles.prx, on 09 March 2012 - 04:36 PM, said:

First you will have to increase the width of your main content div container other wise you will have 5 words per line. Then you will need to add a div container before your fw-bigcontain and add the attribute style="float: left; width: 33%;". Next go to your fw-bigcontain and add the same, style="float: left; width: 33%;". Then edit the fw-sidebar to style="float: right; width: 33%;". You can adjust the width percentage to your liking but this should do what you are looking for as seen in the image attached.

How do I go about expanding the width of the main content div container?

I clicked on the option to modify the "overall page area," and this is the code I see:

#fw-mainColumn {border:1px dotted brown !important; background: Wheat !important; padding: 5px !important;}
#fw-mainColumn .fw-paragraph {background: Gainsboro  !important; color: black !important; border: 1px dotted black !important;}
#fw-container {background: AntiqueWhite !important; border:2px solid black !important;}

Is that the section I need to modify?

[mrniceguy]

Nevermind on my latest question, I just figured out how to expand it by adding the width command

[mrniceguy]

I don't see anything called fw-bigcontain in the code.

What would I enter to add another container? I'm sorry, I'm new to this.

[exiles.prx]

Your fw-bigcontain is nested within fw-container->fw-blockContainer.

This post has been edited by exiles.prx: 10 March 2012 - 12:12 PM

[mrniceguy]

exiles.prx, on 10 March 2012 - 12:11 PM, said:

Your fw-bigcontain is nested within fw-container->fw-blockContainer.

So do I just add a line in front of the fw-bigcontain line that starts out with "fw-###"?

Im a little unclear on how to add the new line.

Does it need to have a specific name,or can I put whatever I want after the fw- ?

Sorry for all the questions, and thanks for your time.

[exiles.prx]

Now going off your newly modified layout, add a margin-left: 20px; to #fw-bigcontain.