How to adjust this forum to remove that wasted space at the bottom? [SOLVED]

Discussion, questions and support.
Post Reply
Message
Author
User avatar
Forez
Posts: 1312
Joined: 30.01.2016, 12:05
Location: In front of a PC monitor

How to adjust this forum to remove that wasted space at the bottom? [SOLVED]

#1 Post by Forez » 12.06.2022, 20:49

Does anyone know how what CSS or JavaScript code can be applied to this forum, in order for that ridiculous tall area at the bottom to either become significantly smaller or disappear completely?

This area wastes precious space on the screen, which a member of the forum has to encounter every time that member scrolls down too much. And to me personally this is happening constantly when I edit long posts and use my mouse wheel. And that is both annoying and counterproductive
Last edited by Forez on 26.07.2023, 09:53, edited 2 times in total.

User avatar
Forez
Posts: 1312
Joined: 30.01.2016, 12:05
Location: In front of a PC monitor

Re: How to adjust this forum to remove that wasted space at the bottom?

#2 Post by Forez » 14.06.2022, 03:59

I was able to slightly reduce that area with CSS

Code: Select all

#page-footer .copyright {
display: none !important;
}

#phpbb > div:nth-child(13){
display: none !important;
}
But apparently this area changes greatly when you zoom in and out, just like various other elements. And it is a manifestation of one of the downsides of using a widescreen monitor - many webpages are vaguely compatible with them. If you re using 16:9 aspect ratio you do not even probably can see what I am talking about


But if someone has more idea how to chop of or hide space / margins at the bottom, then please post them anytime. As for example

Code: Select all

#bottom {
display: none !important;
}
does nothing

User avatar
ralfso
Posts: 812
Joined: 31.10.2007, 18:21
Location: Gifhorn, Germany

Re: How to adjust this forum to remove that wasted space at the bottom?

#3 Post by ralfso » 14.06.2022, 09:03

In your personal settings you can sort the topics "newest first".
So you never see the bottom of the forum again.
Regards
Ralf

Win10 (64-bit), Intel i7-2600 (3,4 GHz), 8 GB Ram, 500 GB SSD, 2x2000 GB HD, NVIDIA GeForce 545

User avatar
Forez
Posts: 1312
Joined: 30.01.2016, 12:05
Location: In front of a PC monitor

Re: How to adjust this forum to remove that wasted space at the bottom?

#4 Post by Forez » 15.06.2022, 01:42

Yes, of course

Except, when I will have to scroll down to go back in a discussion and re-read older posts

User avatar
Forez
Posts: 1312
Joined: 30.01.2016, 12:05
Location: In front of a PC monitor

Re: How to adjust this forum to remove that wasted space at the bottom?

#5 Post by Forez » 28.06.2022, 19:17

Forez wrote: 12.06.2022, 20:49 [...]
what CSS
[...]
code can be applied to this forum, in order for that ridiculous tall area at the bottom to either become significantly smaller or disappear completely?
[...]

Code: Select all

#wrap
{
padding-bottom: 0;
}

#phpbb > div:nth-child(13),
#phpbb > div:nth-child(14)
{
display: none !important;
}
Case closed

User avatar
Forez
Posts: 1312
Joined: 30.01.2016, 12:05
Location: In front of a PC monitor

Re: [SOLVED] How to adjust this forum to remove that wasted space at the bottom?

#6 Post by Forez » 03.07.2023, 17:47

I expanded this code [for the Stylus add-on in Firefox] with the goal of gaining even more space for indispensable features and making the format bar float when scrolling down long posts during their editing:

Code: Select all

/* ==UserStyle==
@name           FreeCommander Forum POGO
@namespace      github.com/openstyles/stylus
@version        1.0.6
@description    A new userstyle
@author         Forez
==/UserStyle== */
@-moz-document domain("freecommander.com")
{




/*********** ●●● TESTING ●●● ***********/

.kpxc
{
position: relative;
top: 220px !important;
}



/*********** AREA AT THE TOP ***********/
#header-subsilver
{
height: 10px !important;
margin-bottom: 11px !important;
}
#wrap {
position: relative;
top: -20px !important;
}



/*********** LOGO AT THE TOP ***********/
.site_logo
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
height: 25% !important;
padding: 0 !important;
width: 25% !important;
}



/*********** "FreeCommander Forum" ***********/
.site-description h1
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
font-size: 10px !important;   
}
h1 {
margin-top: 5px !important;   
}



/*********** "Welcome to the FreeCommander forum!" ***********/
.headerbar
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
font-size: 5px !important;
margin-left: 444px !important;
}



/*********** USER NAME ***********/
span.username:nth-child(1)
{
padding-right: 11px !important;
}



/*********** POST EDITING: FORMAT MENU WITH BUTTONS ***********/
#format-buttons
{
background: #ececec;
border: #11a3ea;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
display: block !important;
margin-top: 0;
padding-left: 0.3%;
position: sticky !important;
top: 0;
width: 45%;
position: relative;
z-index: 1000 !important;
}

#message
{
margin-top: -3px;
}

/*********** POST EDITING: LIST OF OLD POSTS ***********/
#topicreview
{
height: auto;
overflow: auto; /*********** THIS BREAKS [ON AUTHOTKEY FORUM] STICKINESS OF THE ".top" HYPERLINK AT THE BOTTOM ***********/
}

.right-box > a:nth-child(1)
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
}

/*********** POST EDITING: PREVIEW ***********/

div.content:nth-child(2)
{
border: 1px #11a3ea;
border-style: solid solid none none;
}



/*********** TITLE: FORUM'S SECTIONS ***********/
.forum-title
{
}

#page-body
{
margin: 0;
position: relative !important;
top: -30px;
}

.solo
{
margin-bottom: 4px !important;
margin-top: 16px !important;
}



/*********** TITLE: TOPICS ***********/
.posting-title
{
}

#postform
{
}

/*********** TITLE: TOPIC ***********/
#subject
{
left: -88px !important;
position: relative !important;
width: 800px !important;
}



/*********** SEARCH BOX #2 ***********/
.search-box .inputbox
{
font-size: 15px !important;
padding-left: 11px !important;
width: 444px !important;
}



/*********** EMOTICONS TURN OFF ***********/
.smiley-box img
{
width: 0;
height: 0;
}
#smiley-box > a:nth-child(1),
#smiley-box > a:nth-child(2),
#smiley-box > a:nth-child(3),
#smiley-box > a:nth-child(4),
#smiley-box > a:nth-child(5),
#smiley-box > a:nth-child(6),
#smiley-box > a:nth-child(7),
#smiley-box > a:nth-child(8),
#smiley-box > a:nth-child(18)
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
}



/*********** BOTTOM: COPYRIGHT ***********/
#page-footer .copyright
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
}



/*********** BOTTOM: EMPTY SPACE ***********/

#wrap
{
padding-bottom: 0;
}

/*THIS REMOVES ALSO THE KeePassXC ICON
#phpbb > div:nth-child(13),
*/
#phpbb > div:nth-child(14)
{
DISPLAY: none !IMPORTANT; /*********** HIDDEN ***********/
}

}
It now looks like this:

Image

Post Reply

Who is online

Users browsing this forum: Ahrefs [Bot], Bing [Bot] and 32 guests