MyBB Community Forums

Did anyone know how to fix this?
Look in Attachment
[attachment=42695]

^ forum url is required to check the issue.

Hello need help with placing sign in window correctly

Forum link : https://forum.epicmyko.com/index.php

issue :
Sign in works, pop up wors, it just does it in wrong place!

^ see this post. it might help.

note: hard refresh your browser (eg. press CTRL + F5) after saving changes to stylesheet

Hey thanks, but this is outdated post, it does not work with 1.8.22.

This link below helped me solve the issue.

BY VINTAGEDADDYO

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.

(2020-04-24, 02:59 AM)elham Wrote: [ -> ]Hey thanks, but this is outdated post, it does not work with 1.8.22.

This link below helped me solve the issue.

BY VINTAGEDADDYO

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.

Yes worked like a charm   just copy paste and replace no hard job

Is there a way to display forum descriptions?