MyBB Community Forums

I forgot to follow the guide on the last request for help, so let me see if I can do better, this time:

Detailed description of your problem, including steps to reproduce if necessary

The Login box has somehow shifted to way down in the lower left hand side of the screen. I want to put it back to where it should be. Screenshot of the problem is attached.

URL to your forum/URL to specific problematic page

https://playbymail.net/mybb/

New installation or upgrade (from which version of MyBB)?

Upgrade (upgrade wasn't likely the cause of the problem)

Test user account (if it requires additional permissions)

I can provided, if needed to fix the problem.

Screenshot or error text, verbatim

[attachment=45335]

global.css

find .blocker and replace with

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

find .blocker:before and replace with

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

find .modal and replace with

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

There is no .blocker in global css.

(2022-07-29, 03:55 PM)Taylor M Wrote: [ -> ]global.css

I solved this problem by:

1. Logging into the MyBB Admin Control Panel.

2. Clicking one Templates & Style.

3. Clicking on the Default theme.

4. Clicking on the Options button for global.css.

5. Clicking on the Delete / Revert option.

6. Clicking the OK box.

Taylor, it was your mention of global.css that led me to try this option that I went with, which fixed the problem. I really do appreciate your help with finding a solution to this problem. It was just a really annoying problem. Super thanks to you!

GrimFinger

Taylor M

GrimFinger