TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
Stats
  • Total Posts: 196,004
  • Total Topics: 21,330
  • Online today: 201
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 150
  • Total: 150

Spacing or padding around article blocks

Started by Dianna, February 28, 2009, 10:19:08 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

IchBin

hehe, no there is no header etc in those files. Here's a little info on how it works. SMF uses the index.template.php functions for the header and footer of ALL pages. The rest of the templates are what goes in between those funcitons. So you won't see any header or footer info in those files.

Dianna

LOL So didy ou still mean that TPortal.template.php???  If so, I don't know where to look.

I did just go to the TPBlockLayout.template.php, I'm in a copy of it now off of my server and I found a cell padding at 4px that was below the h3 area.  It didn't do anything, but I did try something else that I found an interesting result.

Almost toward the bottom of the file below where it say //TinyPortal integrated bars

there is a table width and there is padding at 10px for top and bottom.  I changed those 0pixels.  It caused that gray mystery padding to MOVE UP on my page above where the left and right panels sit.  Let me put it back to 0pixels so you can see.  I was a little happy that at least I was doing something to that gray area.  There's a lot padding in this file so I'm afraid to bother much unless I know for sure. 

I just loaded the test file with the 0px instead of the 10px and take a look at the page. It pulls that box up.  So we're close. 

www.schreeandbaby.com/index.php?page=home


IchBin

No, I can look at my own file. I'll take a look real quick and see if I can find it.

IchBin

Take a look in the TPBlocksLayout.template.php file. About line 123 for this code:

echo '
<table cellpadding="4" cellspacing="0" width="100%">
<tr>';


Change the padding to 0 and see if it helps.

Dianna

#84
ok brb

ETA: Sigh, it did move the gray area, just shifted it around it seems. It removed the spacing of the gray box from the right side of it to where it's right up against the right panel.  So it did move the gray area, but nope didn't work. 

This gray area has taken up my time ALL weekend and all week and my clients have no idea what the hang up is in getting the site finished. This is frustrating. Yes, another meltdown is pending. :-( 

IF the gray area won't go away, I might as well keep it centered and set the frame option so it has a nice border around it. 

Or do you think we are close to finding it?  :'(

IchBin

One down, a few more to go I'm sure. Leave the change in please and I'll take another look.

IchBin

Ok, now open the tp-style.css file. If you don't have one in your custom theme, copy the one from the default theme and put it in your custom theme. Find this style:
.tp_articletext {
line-height:1.4em;
margin-top:0;
padding:4px 1em;
}


Change padding: 4px 1em; to padding: 0;

Dianna

Thank you thank you thank :-)  Yes, at least it moved.  I changed that one setting back to 10pixels for top and bottom because what it did was move the gray area UP.  Those 10pixels are very close to the code you had me change. You'll see it.

The thing that is curious for me is that it looks like it's about 40 some pixels at the top and the bottom. It's pretty beefy. I saw one area in one of those files that said like 45pixels, but I didn't try it yet. I'll wait until you look before I do anything else.  I dont' want to overlap.

Dianna

#88
Okay, let me go to the tp-css. Yes, I have copies of all of these, in my own efforts before asking for help, I've combed all of those files. I'll go change that now. BRB.

ETA, Okay, I changed that. It moves the HTML to the left where it would be sitting right if the gray border wasn't there, but the gray border COVERS IT.  That #$)^#$*(#& Gray Border!  :knuppel2:

Ooops, sorry G6, ETA:  There was a TP article frame in the tp-css, it had a 5px padding. Is that anything to test?


IchBin

I have a few more changes when you're ready. Mind you, these changes will affect other things. But since you're hell bent on getting your "look", I'll make it happen. :) Ok, open up TPortal.template.php and find this code on about line 353:
echo '<br style="clear: both;" />
</div>';


Replace with this code:
echo '
</div>';


Open tp-style.css file and change the padding to 0 again in this style:
.tp_details {
font-size:0.8em;
margin-bottom:5px;
padding:2px 0 5px;
}



Let me know how it looks after this.

This website is proudly hosted on Crocweb Cloud Website Hosting.