MyBB Community Forums

Good night ...
How are you doing
I reduced the width of the forum from and averaged it
But I have underestimated the width the login area relocated as shown in the picture :

is it newly installed forum & have you used single click installer for installing ?
can you tell us MyBB version (shown at forum admin panel) & provide forum url ..

v 1.8.22
https://www.anime-network.net/index.php

add below at the bottom of global.css stylesheet of the theme

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}
  .modal {
        display: inline-block!important;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

Note: edit the stylesheet in forum admin panel (through themes section) AND in advanced edit mode (tab)

after saving above code :

browse to task manager page at tools & maintenance section of forum admin panel

click on clock image next to Stylesheet Re-Cache to run the task

visit forum index page ; hard refresh your browser [eg. press CTRL + F5]
then check login popup

(2020-03-16, 08:12 AM).m. Wrote: [ -> ]add below at the bottom of global.css stylesheet of the theme

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}
  .modal {
        display: inline-block!important;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

Note: edit the stylesheet in forum admin panel (through themes section) AND in advanced edit mode (tab)

after saving above code :

browse to task manager page at tools & maintenance section of forum admin panel

click on clock image next to Stylesheet Re-Cache to run the task

visit forum index page ; hard refresh your browser [eg. press CTRL + F5]
then check login popup

It was applied and the problem was solved
Thank you ...
But I have a question about how some phrases can be modified in the language

there is no simple method to quickly find the language phrases.

forum admin panel has facility to edit language files.

forum admin panel >> configuration >> languages >> [your language] --> options
--> Edit Language Variables or Edit with English (American)

(2020-03-16, 10:02 AM).m. Wrote: [ -> ]there is no simple method to quickly find the language phrases.

forum admin panel has facility to edit language files.

forum admin panel >> configuration >> languages >> [your language] --> options
--> Edit Language Variables or Edit with English (American)

After I log off from the site

The login area is like this:

in global.css stylesheet replace

.modal {
        display: inline-block!important;

with

.modal {
        display: inline-block;