MyBB Community Forums

I'm having the same problem. Can't get the Get More smilies working. Tried everything mentioned in this thread and it still doesn't work.

I see on this forum the window appears behind the text.

Yeah, that's known bug which should be fixed in 1.8.15 I think but I'm not quite sure...

(2017-11-11, 07:43 PM)janno Wrote: [ -> ]You replace the code above by this one:

/** Modal Start **/

.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 {
   width: 400px;
   text-align: left;
   background: #fff;
   display: inline-block;
   vertical-align: middle;
   position: relative;
   z-index: 2;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: 0 0 10px #000;
   -moz-box-shadow: 0 0 10px #000;
   -o-box-shadow: 0 0 10px #000;
   -ms-box-shadow: 0 0 10px #000;
   box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
   position: absolute;
   top: -12.5px;
   right: -12.5px;
   display: block;
   width: 30px;
   height: 30px;
   text-indent: -9999px;
   background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
   display: none;
   width: 64px;
   height: 64px;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-right: -32px;
   margin-top: -32px;
   background: url(images/spinner_big.gif) no-repeat center center;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px;
}

/** Modal End **/

Also had pup-up not working after upgrade 1.8.12 to 1.8.13 and then 1.8.14. This helped me. I'd would add to update page with Ctrl+F5 after this to see the impact of changes. Thank you!

(2017-11-08, 12:57 PM)snakeoilos Wrote: [ -> ]1. Go to "Templates & Style"
2. Click on the theme you want to edit
3. Click global.css "Option" button
4. Click 'Edit Style'
5. Click "Edit Styleshee: Advanced Mode"
6. Copy and paste the modal start code block (from post #6) to the end of the global.css
7. Click 'Save Changes & Close'

And if you do shift-F5, pop up should work now.

This fixes the problem for me.
Thanks!

I did all that but the popup for the "getmore" smilie inserter still loads at the bottom of the page and the MentionMe popup doesn't work either

--> https://www.linguisten.de
guests can try it in this subforum without logging in: https://www.linguisten.de/Forum-Benutzeranfragen

I have tried this code and still doesnt work, it still on the button left corner

Hello everybody

as you can see I have two problem with my login page,
one of them is close text behind the close picture and
another one is user name and password configuration style disorder

thx for your help

-------
My problem has been solved just with change text align from left to right
thx

tried code from post # 6 but still having same issue

Sorry for necroing a thread but I'm having an issue similar to this. I use the Metro theme from ThemeFreak and I used the fix that was on the first page and it kind of fixed it. After that, everytime I would refresh the page both the login and color option box would pop up next to the buttons. I then "fixed" that issue by following the steps listed by the mod in this post: http://www.themefreak.net/thread-metrost...16#pid2516

That, at least, made it so the 2 windows pop up like they should, but they appear on the bottom left of my browser. I'm able to scroll down and use them, but they're supposed to pop up in the middle of the browser. The theme select button does the same thing that was the first issue. It opens on the bottom left of the screen with no way to scroll down. I also can't make an account on ThemeFreak's forums due to an SQL error. I'd appreciate any help regarding this.

this one is not work for 1.8.22 anymore

/** Modal Start **/

.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 {
	width: 400px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/