Help with PunBB Columns removal and placement

Good Evening ladies and gentlemen, came here to seek for your humble help!

I've been trying to remove this bar,

Finally managed to do it with a tutorial that took me forever to find

(Going to Templates > Index_Box)

removed these codes:

Code:

<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>

and these:

Code:

<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>


and added this code:

Code:

  <p style="float:right; padding-right: 10px;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b> {catrow.forumrow.TOPICS}</b> Topic/s</p>

screens:

The result was almost what I expected, but I can't the placement to the "RIGHT"


Just wanna be able to move things on the horizontal properly, already tried everything I could find, im really lost, help?
Thank you in advance, everyone!

Code:

<p style="float:right; padding-right: 10px;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b> {catrow.forumrow.TOPICS}</b> Topic/s</p>

Play around with the number in this part:

Code:

padding-right: 10px;

SLGray wrote:

Code:

<p style="float:right; padding-right: 10px;"><b>{catrow.forumrow.POSTS}</b> Post/s in <b> {catrow.forumrow.TOPICS}</b> Topic/s</p>

Play around with the number in this part:

Code:

padding-right: 10px;

hey thank you for the answer
this is exactly what i was doing but it only moves further left
this is my index_box code

index_box code:

What happens when you use a negative number?

Nothing happens
We tried changing to "left" padding, width, negative, positive, and no matter what we did on that line of code, nothing worked
also it does move left tho, but we want it to go right.

Are you saving the changes and publishing the modified template?

yes of course
If we INCREASE the WIDTH normally to the Right, It will increase the size of the objects affected by that line, but it won't push "the last posts" category to the right, instead it goes left

Spoiler:

that happens when you increase the padding right.

Check your CSS styleshhet for something like this:

Code:

.pun table .tcr {
    overflow: hidden;
    padding: 0 0 0 .5em !important;
    text-align: left;
    width: 30%;
}

I've changed the values to something exagerated so that we could see what would affect, and as always, the Last posts won't move D: (note: the topics and posts ammount didn't move)

Spoiler:

we used this:

Code:

.pun table .tcr {
    overflow: hidden;
    padding: 50 0 50 5em !important;
    text-align: left;
    width: 300%;
}

Well, your forum does not show that padding, but this one:

Code:

padding: 0 0 0 .5em !important;

wait we didnt notice you already had the Width % changed for us, we will try and show u the result in a couple minutes.

I did not change anything.

ok we managed to get the Last posts to the Right, but we can't move the "Topic/s post/s in" to the right

Spoiler:

we switched the Text-align for "Float: Right" otherwise it wouldn't move to the right either

Code:

.pun table .tcl {
    text-align: left;
)

Except it is part of the whole left section.

Are you using this:  https://help.forumotion.com/t81777-deleting-columns-topics-and-messages ?  If yes, you do know that it is only for #phpBB2 ?

then how would you advise us to change the settings in the code
because if we put these 2

Code:

.pun table .tcr {
    overflow: hidden;
    padding: 0 20 30 .5em !important;
    text-align: left;
    width: 30%;
}


.pun table .tcl {
  text-align: left;
}

they both stay in the middle

Spoiler:

this happens if we add the "float right" to the TCR (last posts) and decrease the Width to a point its really small, so its not stopping the topics from going there anymore

Spoiler:

SLGray wrote:Are you using this:  https://help.forumotion.com/t81777-deleting-columns-topics-and-messages ?  If yes, you do know that it is only for #phpBB2 ?

No we used an Updated Post about Removing the Topics and Posts column for PunBB

this one :

Spoiler:

You need to read the tutorial again, because you removed 2 lines of code that was not in the tutorial.  Also did you add the code in the right place?

yes we removed the "forum and last posts" to remove the entire bar, is there any other way to do that then?

Did you add this:

Code:

<p style="float:right; padding-right:
10px;"><b>{catrow.forumrow.POSTS}</b> posts in
<b>{catrow.forumrow.TOPICS}</b> topics</p>

After this:

Code:

<h{catrow.forumrow.LEVEL} class="hierarchy"><a
href="{catrow.forumrow.U_VIEWFORUM}"
class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>

yes I did
"So I re-did the tutorial, and this is the result I got:"

Spoiler:

My Objective was to remove the "Forum + Last posts Bar" so after this we removed the

Code:

<th class="tcl">{L_FORUM}</th>

<th class="tcr">{L_LASTPOST}</th>


from the code

and we got stuck there, NOW

we still have those there, how can we move the topics/posts and Last posts to the RIGHT side, removing also the "FORUM + LASTS POSTS BAR" on TOP? That's what's grinding my gears

When I visit your forum, I really do not see what you posted in the screenshot.  The columns look spaces out correctly.

Look for this in your CSS stylesheet:

Code:

.pun table.table th {
    background-color: #2e2e2e;
    border-color: #ff94f1;
    border-style: none;
    color: #171717;
    padding: .5em 0;
}

Where it says color change it to the color of the background (grayish color).  That will make the text invisible.

Or just remove the background-color.

SLGray wrote:When I visit your forum, I really do not see what you posted in the screenshot.  The columns look spaces out correctly.

Doesnt it look like this to you?

Spoiler:

also I'm sending prints from our Dummy forum that has the same design and CSS/Index_box changes and javascripts etc.

We want to Remove the "forum + last posts bar" and place the "2 Posts in 2 Topics" further to the right.

SLGray wrote:Look for this in your CSS stylesheet:

Code:

.pun table.table th {
    background-color: #2e2e2e;
    border-color: #ff94f1;
    border-style: none;
    color: #171717;
    padding: .5em 0;
}

Where it says color change it to the color of the background (grayish color).  That will make the text invisible.

SLGray wrote:Or just remove the background-color.

isn't there any other way to remove it?
we also tried that before and it leaves a gap
and how can we move it further right after that?

SLGray wrote:

probably different resolutions, I have 1920x1080. But regardless of that, you can see they are still in the middle (topics/posts column + Last posts)

Also noticed that if I add "Display: none !important;" to your last code, It also removes it without needing to remove those 2 lines on the "Index_Box"

is there a way I can still move the rest to the right?
If it doesnt work with the "display none" is there still anyway to move the rest to the right? (Except forum name and descriptions ofc)
WITH "display: none"

Spoiler:

WITHOUT "display none"

Spoiler:

The reason your last post box moved left is down to your removed the topic's box and post box codes
Using a CSS may not fix it.

It's sad, I was trying to recreate the style I've seen another forum using, they managed to do this, they use PunBB too, would really love to have the columns area organized the same way, so isn't there any way throught Stylesheet or anything to recreate that effect?

this is the forum stule that we wanted

Spoiler:

we literally went for the same font and color style and wanted to start from there, but we really can't get that column organization right.
these guys must be really good

Code:

.pun .table .tc2, .pun .table .tc3 {
    text-align: center;
    width: 10%;
}

Notice tc2 and tc3.  Those are the post and topic columns.