Author Topic: EZ Portal, Simple Portal and Tiny Portal side panel (block) alignment/misalign (Read 2907 times)

catfished · « **on:** January 27, 2010, 02:01:25 PM »

I notice that EZ Portal, Simple Portal and Tiny Portal all have their side panels misaligned with the center or forum, for me anyway. This is on version 1.1.11 only. I know SP aligns fine on RC2, haven't tried the others on RC2.

Here's a screenshot using EZ Portal, they do the same thing with left blocks enabled:

Is there any easy way to fix this on any of the three portals I listed? I would prefer EZ Portal or Simple Portal over Tiny Portal but I'll try anything. Thanks in advance for any help.

Cholo · « **Reply #1 on:** January 27, 2010, 03:51:25 PM »

Simple Portal on 1.1.11 seems evened out for me, at least on this site .

ccbtimewiz · « **Reply #2 on:** January 27, 2010, 04:01:32 PM »

Looks good on Dream Portal too.

Cholo · « **Reply #3 on:** January 27, 2010, 04:48:54 PM »

catfished · « **Reply #4 on:** January 27, 2010, 04:58:50 PM »

Well thanks for your replies but I'm still at a loss. I have tried everything I know but they never align on any of the three portals I've experimented with. I don't use the actual portal page on any of them, the home tab goes to the forum index.php page.

Simple Portal on 1.1.11 seems evened out for me, at least on this site .

Since I've never used the portal, I don't know if the blocks would align there. The forums on that site are not using any blocks, at least not so guests can see them, therefore it's not a really good example. I'm using forum pages only with blocks.

Cholo · « **Reply #5 on:** January 27, 2010, 11:43:43 PM »

Oh, I see what you mean. Well, I'm guessing it's in the CSS somewhere - some padding declaration or a margin. I'll take a look maybe tomorrow.

catfished · « **Reply #6 on:** January 28, 2010, 12:26:08 AM »

: Cholo January 27, 2010, 11:43:43 PM

Oh, I see what you mean. Well, I'm guessing it's in the CSS somewhere - some padding declaration or a margin. I'll take a look maybe tomorrow.

Yeah, even though I know almost nothing about CSS, I'm sure you're correct. I think it's the way 1.1.11 is set up:

Cholo · « **Reply #7 on:** January 28, 2010, 04:09:26 PM »

can I get a link to your site please?

catfished · « **Reply #8 on:** January 28, 2010, 04:41:17 PM »

: Cholo January 28, 2010, 04:09:26 PM

can I get a link to your site please?

OK Cholo, thanks for your reply. This whole deal isn't that important, I can learn to live with it rather than changing some CSS elements.

If you still want to pursue it, here's my main site which is using Simple Portal: http://catfished.com/forum and another of my sites that I just changed to EZ Portal yesterday: http://norcalcarpclub.com/forum They both have what I call a misalignment problem but I'm sure it's 1.1.11's CSS that forces it to do that like in the last screenshot I posted.

Cholo · « **Reply #9 on:** January 29, 2010, 12:04:34 AM »

Ok, so technically it is aligned and to get it to be even with the center area of the board index you'll have to offset it, probably by adding a top-margin.

The element is a table column called "sp_right" which is defined in the portal.css files found in Themes/default/portal.css . To change it you'll be looking for this:

:

.sp_right{ text-align: right; }
Try changing it to something like this:

:

.sp_right{ text-align: right; margin-top: 30px; }
Adjust the pixels until you get it right. Of course I haven't actually tried this myself and padding might work better than a margin, so as always make sure to make a backup. It's late or I would try it myself, sorry.

catfished · « **Reply #10 on:** January 29, 2010, 12:42:05 AM »

Thanks Cholo, I'll play around with it tomorrow on my 1.1.11 test forum http://fishinghost.com/forum/index.php?action=forum . If I mess it up, it's no big deal. Thanks again.

catfished · « **Reply #11 on:** January 30, 2010, 03:35:08 PM »

: Cholo January 29, 2010, 12:04:34 AM

Ok, so technically it is aligned and to get it to be even with the center area of the board index you'll have to offset it, probably by adding a top-margin.

The element is a table column called "sp_right" which is defined in the portal.css files found in Themes/default/portal.css . To change it you'll be looking for this:

:
.sp_right{ text-align: right; }
Try changing it to something like this:
:
.sp_right{ text-align: right; margin-top: 30px; }
Adjust the pixels until you get it right. Of course I haven't actually tried this myself and padding might work better than a margin, so as always make sure to make a backup. It's late or I would try it myself, sorry.

Cholo,

Actually, there is no such CSS file as portal.css or anything close to it that I can find in Themes/default/

Like I said in an above post, it's no big deal. However I am curious where I can find portal.css just so I can play around with it on my 1.1.11 test forum.

Hopefully they will finally release the stable version of RC2 and then I'll just upgrade everything. I was ready to do just that when all the SMF hullabaloo came out.

Edit: OK, the reason there's no portal.css file is I have EZ Portal on this test forum instead of Simple Portal. I'll uninstall EZP and install SP and go from there.

catfished · « **Reply #12 on:** January 30, 2010, 04:12:29 PM »

OK, I got rid of EZP, installed SP and edited the portal.css file as you suggested but all it does is move everything down. I changed it to 170 pixels for emphasis and made a screenshot:

Cholo · « **Reply #13 on:** January 31, 2010, 12:16:18 AM »

Sorry I didn't specify that it was SP not EZp. And you edited .sp_right ? I'll have a look.

catfished · « **Reply #14 on:** January 31, 2010, 12:41:04 AM »

: Cholo January 31, 2010, 12:16:18 AM

Sorry I didn't specify that it was SP not EZp. And you edited .sp_right ? I'll have a look.

Yeah, I edited SP's portal.css file as you suggested and that's what it did. Like I keep saying, it's no big deal.

Cholo · « **Reply #15 on:** January 31, 2010, 12:48:05 AM »

yeah but if we can we might as well figured it out. What version of SP are you using, bc I just enabled blocks in the forum on my site and my blocks line like you want them to by default.

edit: I see you're running 2.3.1 and I have a top block enabled that the side blocks line up with. K, hold on.

Cholo · « **Reply #16 on:** January 31, 2010, 01:05:36 AM »

Ok, my bad you're looking for:

:


#sp_right


{


	vertical-align: top;


}

And you want to change it to:

:


#sp_right


{


	vertical-align: top;
	padding-top:30px;


}

You probably need to do a little bit more than 30px though.

catfished · « **Reply #17 on:** January 31, 2010, 12:05:09 PM »

Yeah, that did it. 33 is the magic number using my old eyes.

Thanks a lot for taking the time to play around with this. It was fun for me, I even learned a few things which is something for an old fart like me.

Cholo · « **Reply #18 on:** January 31, 2010, 12:44:29 PM »

Np glad I could I help. Yeah, you could figure out the exact pixels or percentage to use by looking a little more closely at the code. I guess you should probably just double check how it looks on different screen resolutions.

catfished · « **Reply #19 on:** January 31, 2010, 07:59:34 PM »

: Cholo January 31, 2010, 12:44:29 PM

Np glad I could I help. Yeah, you could figure out the exact pixels or percentage to use by looking a little more closely at the code. I guess you should probably just double check how it looks on different screen resolutions.

Yeah, I should but all I have on this laptop are 1024 X 768 and 800 X 600. I also have a few wierd ones for a wide monitor. I checked in all of those and it's fine as far as alignment. Thanks again Cholo.

Cholo · « **Reply #20 on:** January 31, 2010, 11:29:17 PM »

Firefox and Chrome (not sure which other browsers) have a zoom-in/out function that kind of lets you see the webpage at different resolutions. It's not exact, but is helpful and most of the time really close. You just hit:

zoom-in: CTRL + +

zoom-out: CTRL + -

back to default: CTRL + 0

catfished · « **Reply #21 on:** January 31, 2010, 11:44:17 PM »

It works with FF, didn't try it with Chrome. If I zoom in quite a bit it does look a bit misaligned but I'm good with it. Thanks again.

Cholo · « **Reply #22 on:** February 01, 2010, 01:05:05 AM »

yep yep. Ima mark this solved.

catfished · « **Reply #23 on:** April 03, 2010, 07:32:16 PM »

Well. SP just provided a new version, 2.3.2, so after upgrading, I had to come back here to get the code to fix the alignment again.
I just wanted to say how much I appreciate this site as it made it so easy to fix my forums again.

bigguy · « **Reply #24 on:** April 05, 2010, 05:36:48 PM »

It's great to have you here and know that you are getting good support.

catfished · « **Reply #25 on:** April 01, 2011, 07:22:49 PM »

: catfished April 03, 2010, 07:32:16 PM

Well. SP just provided a new version, 2.3.2, so after upgrading, I had to come back here to get the code to fix the alignment again.
I just wanted to say how much I appreciate this site as it made it so easy to fix my forums again.

Update April 1, 2011: Well, I just upgraded to SP to 2.3.3 so I had to come back and find the info to realign again. Thanks again for being here SMF Helper, you guys and gals are the greatest.

bigguy · « **Reply #26 on:** April 01, 2011, 07:42:29 PM »

Thank you and we are very glad we could help.

News:

Author Topic: EZ Portal, Simple Portal and Tiny Portal side panel (block) alignment/misalign (Read 2907 times)