Main Menu
collapse

Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

User Info

Welcome Guest.
Please log in.

Who's Online

  • Dot Guests: 932
  • Dot Hidden: 0
  • Dot Users: 1
  • Dot Users Online:

Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]


Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]


MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]


Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]


Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]


Blocks speak! Do you have an interest in getting more blocks - or even making your own? The Blocks Board is for you!

Custom block sizing

Started by Nick, July 16, 2010, 07:18:07 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

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;

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;

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:
.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.
SMF Friend (Former Support Specialist) | SimplePortal DeveloperMy SMF Mods | SimplePortal"Quis custodiet ipsos custodes?" - Who will Guard the Guards?Please don't send me ANY support related PMs. I will just delete them.

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 :)