MyBB Community Forums
login area problem - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: Installation and Upgrades Support (https://community.mybb.com/forum-182.html)
+--- Thread: login area problem (/thread-226879.html)



login area problem - @[email protected] - 2020-03-15

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 :

[Image: Aa8gSpw.jpg]


RE: login area problem - .m. - 2020-03-16

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 ..


RE: login area problem - @[email protected] - 2020-03-16

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


RE: login area problem - .m. - 2020-03-16

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


RE: login area problem - @[email protected] - 2020-03-16

(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


RE: login area problem - .m. - 2020-03-16

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)


RE: login area problem - @[email protected] - 2020-03-16

(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:

[Image: zDi5ko5.jpg]


RE: login area problem - .m. - 2020-03-16

in global.css stylesheet replace
.modal {
        display: inline-block!important;
with
.modal {
        display: inline-block;