Topic: Custom block sizing

[Nick]

I have a custom block setup in the top center of my simpleportal. It stretches all the way across my page (except when it reaches the side blocks) and i'm wondering how i could reduce the width size so that it can be any size i want?

I figure it's something to do with;

Custom Body Style:



I have tried adding;

Code: [Select]

width: 750px;
All this does is restrict the writing to 750px instead of the block size, so i will have a 100px box with restricted text.

I can have it done if i turn off the body style and fully customize it by adding my own code into "Custom body style" which is;

Code: [Select]

width: 750px; background: #1a1a1a;
But then i don't know how to get the curved corner effect like you do in "Windowbg2".

[Nathaniel]

Add the following code to the bottom of your "Themes/default/portal.css" file:

Code: [Select]

.my_block_width
{
width: 200px;
}
Then set the 'Custom Title Class' and 'Custom Body Class' values to 'my_block_width'. You can change the width value as necessary.

[Nick]

Went to; "/Themes/default/css/portal.css" and added the code to the bottom like you said, editted the block added the custom code to both body boxes and nothing changed.

[Nick]

Tried multiple times to add this using different coding in the portal.css but it just won't work. I'm thinking there is something stopping the code from giving blocks different sizing. Been trying to do this for like almost a month and still no luck :\

[smosmo]

Your top block will always stretch out all the way and adding an extra class won't help you here. The styles you'd have to edit would be either #sp_center or .sp_block in portal.css. Unfortunately editing these will edit your whole website.

You should probably try some sort of work around. For example you could change the style for that particular block to match the color of your background & then create a <div> within that block with a different background(color) and the size you want it to be.

This way the original block will still be stretched out but to your viewers it only looks as a small block