Not Solved login area problem
#1
Not Solved
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]
Reply
#2
Not Solved
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 ..
Reply
#3
Not Solved
v 1.8.22
https://www.anime-network.net/index.php
Reply
#4
Not Solved
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
Reply
#5
Not Solved
(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
Reply
#6
Not Solved
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)
Reply
#7
Not Solved
(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]
Reply
#8
Not Solved
in global.css stylesheet replace
.modal {
        display: inline-block!important;
with
.modal {
        display: inline-block;
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)