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
How to adjust this forum to remove that wasted space at the bottom? [SOLVED]
How to adjust this forum to remove that wasted space at the bottom? [SOLVED]
Last edited by Forez on 26.07.2023, 09:53, edited 2 times in total.
Re: How to adjust this forum to remove that wasted space at the bottom?
I was able to slightly reduce that area with CSS
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
does nothing
Code: Select all
#page-footer .copyright {
display: none !important;
}
#phpbb > div:nth-child(13){
display: none !important;
}
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;
}
Re: How to adjust this forum to remove that wasted space at the bottom?
In your personal settings you can sort the topics "newest first".
So you never see the bottom of the forum again.
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
Ralf
Win10 (64-bit), Intel i7-2600 (3,4 GHz), 8 GB Ram, 500 GB SSD, 2x2000 GB HD, NVIDIA GeForce 545
Re: How to adjust this forum to remove that wasted space at the bottom?
Yes, of course
Except, when I will have to scroll down to go back in a discussion and re-read older posts
Except, when I will have to scroll down to go back in a discussion and re-read older posts
Re: How to adjust this forum to remove that wasted space at the bottom?
Code: Select all
#wrap
{
padding-bottom: 0;
}
#phpbb > div:nth-child(13),
#phpbb > div:nth-child(14)
{
display: none !important;
}
Re: [SOLVED] How to adjust this forum to remove that wasted space at the bottom?
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:
It now looks like this:
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 ***********/
}
}
Who is online
Users browsing this forum: No registered users and 106 guests