Not Solved Rebil theme issues | Forum View & Login Box
#1
Not Solved
I love the Rebil theme but I am experiencing two main issues at the moment. I am currently using it on my website http://subliminal-talk.com

1) The forum's view once you click on a forum is not displaying at full width. https://subliminal-talk.com/forumdisplay.php?fid=41


[Image: tBCvfdb.png]


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.

[Image: wBFlNd3.png]





Any ideas?

Thanks,
Cyanide
Reply
#2
Not Solved
(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.
Reply
#3
Not Solved
Vintagedaddyo, it worked. Thank you, you're awesome.
Yes I did have auth issues as well which I did manage to find the answer to on my own.

Others - any ideas about the forum view not stretching properly?
Thank you
Reply
#4
Not Solved
(2019-02-26, 03:16 AM)vintagedaddyo Wrote:
(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.

Very awesome way to support vintage Smile


@Cyanide_: Forum view is not streaching properly because of the number of columns in tcat in forumdisplay_threadlist template (You need to check the templates). Increase the number of columns and it should work.
I don't have rebil installed, can you share your website URL so I can tell the exact number.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)