(2019-02-25, 11:31 PM)Cyanide_ Wrote: [ -> ]2) The login box likes to hangout in the bottom left-hand corner and some users report that the password field is outside of the viewable page. how can I get the login box to appear within the viewable screen? Preferably on the top of the page.
The theme is outdated hence why your login modal is broken and most likely missing the auth code as well. There are several threads and posts that discuss this and provide solutions if you had searched the forums.
If you are saying that your login modal opens on the bottom of the page rather than the middle, then you theme may not be up to date and is missing the updated modal styling at least, so the modal related css style codes need to be added / modified in the theme.
this can be helpful:
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 Stylesheet: Advanced Mode"
6. Copy and paste the modal start code block replacing the existing modal code in global.css
7. Click 'Save Changes & Close'
And if you do shift-F5, pop up should work now
modal related css in the global.css (after /** jGrowl End **/)
/** 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 depending on whether or not certain templates are modified from default or not within the theme you may also experience login authorization issues, if so, this may further help in regards to the auth mismatch on login:
https://community.mybb.com/thread-218862.html
As far as the styling issues of trows and tcat, I do not currently have the free-time to look under the hood as to what needs modification to correct said display issues you mention in regards to that, but hopefully another knowledgeable member may have more free time than I to give you hand.
![[Image: tBCvfdb.png]](https://camo.mybb.com/ae9476d5e35b14f12aaf7b22b3238b6746bdac01/68747470733a2f2f692e696d6775722e636f6d2f744243766664622e706e67)
![[Image: wBFlNd3.png]](https://camo.mybb.com/02f99bda413c1cddd8aedd7233f4f80108fb57d4/68747470733a2f2f692e696d6775722e636f6d2f7742466c4e64332e706e67)
