Topic: Main Content is too small

[Schnuffeltier]

Hello!

First I must appologise for my mistakes, my English is very poor. ;-)

I am really confused and in trouble by trying to manage this content problem.

In Forum and Portal I would like to change the width of the content, it is a bit too small for showing all buttons, pictures, blocks etc. nicely and properly.

The Wrapper ist fixed with 990px width and should not be larger.

What I want to change is just the width of the content-section, because there is a lot of "not used space" between Content and Wrapper, maybe about 10px on both sides? Wrapper and Main-Contend could be more close together.

But I can't figure it out how this works. If I change anything there, everything would go to the right side or things disapear and so on. ;-)

Forum and Portal are not longer centered as they should be.

I hope that my post could be understood....

Maybe someone can help me?

[Schnuffeltier]

Is there any possibility to change this? Or is this space fixed?

I mean the space between the white border around the main content (here shown on the left side) and the blocks on the left and right side.

There is twice as much space as between the blocks. It should be the same - about 5 px.

[Chen Zhen]

Schnuffeltier,

For the space between blocks, you can edit the following file:
../Themes/default/css/portal.css

.. you can also copy that file to your custom theme css folder and edit it within that folder if you do not want to affect other themes.

Find this:

Code: [Select]

#sp_main
{
width: 100%;
border-spacing: 5px;
table-layout: fixed;
}

.. edit the border-spacing attribute to something smaller. To have finer measurement control you can use em instead of px whereas decimals can be used. The int number will have be smaller though ie. 0.5em

Regards.

[Schnuffeltier]

Thank you, Underdog...

But I don't want to have less space between the blocks - it looks nice the way it is.

If I edit the border-spacing in sp_main, all the blocks will be to close together, but the space between blocks and the border of the content_section ist not really getting smaller.

It should look like this, less space between the blocks and the white frame:

[Chen Zhen]

  The border-spacing attribute allows 2 values for horizontal & vertical (in that order).

Try this:

Code: [Select]

#sp_main
{
width: 100%;
border-spacing: 1px 5px;
table-layout: fixed;
}


[Schnuffeltier]

Thank you very much, Underdog...but this was not working the way I want it.

But now I found the solution and everything looks nice in Forum and Portal.

Before I had always tried to change the wrong parts of the css....and everything became a mess.

Suddenly it was very easy to do, I just changed this:

Code: [Select]

/* the content section */
#content_section
{
background: #FDF5E6 url(../images/theme/frame_repeat.png) repeat-y top left;
padding-left: 20px;
        border: 2px solid #FDF5E6;
        border-radius: 0.5em;
}
#content_section div.frame
{
background: url(../images/theme/frame_repeat.png) repeat-y top right;
display: block;
padding: 0 20px 0 0;
}
to this:

Code: [Select]

/* the content section */
#content_section
{
background: #FDF5E6 url(../images/theme/frame_repeat.png) repeat-y top left;
padding-left: 10px;
        border: 2px solid #FDF5E6;
        border-radius: 0.5em;
}
#content_section div.frame
{
background: url(../images/theme/frame_repeat.png) repeat-y top right;
display: block;
padding: 0 10px 0 0;
}
I wonder, why I have not tried this before....

[AngelinaBelle]

Very good.  I am glad you figured it out.  It can sometimes take a while for one person to understand what the other one is talking about.

Have you ever tried using the "F12" tools in IE or Chrome, or Firebug for Firefox?  These tools make it very easy to point a t something in the browser and inspect all the CSS that affects it.  This can usually help speed up your search for whatever is affecting the layout.

I hope this helps you with your next CSS problem.

[Schnuffeltier]

Yes, AngelinaBelle, I am using "F12".

I was just confused and "blind". (I don't know a english idiom, maybe  "not able to see the wood for the trees"?)

It was pretty easy to do it at last - I feel a little embarrassed about asking this.

And sorry that my questions are a bit puzzling. I is not easy for me to write in english.

[AngelinaBelle]

Yes -- sometimes "I can't see the forest for the trees" myself.
I am glad you figured it out.

Your English seems pretty good.  I know it will get easier for you as you use it.
I hope everything goes well on your forum!