MyBB Community Forums

MyBB Community Forums > 1.8 Support > General Support > Please increase portal size
Full Version: Please increase portal size
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2

Christineg5

2018-10-07, 05:43 AM
Please how can I increase portal size, especially the width..... Thanks a lot. 
You guys are doing wonderful job by attending to everyone's request.

User 6029

2018-10-07, 09:00 AM
Can you be more specific? As simply saying increase the portal, especially the width, leaves it open for a very broad potential interpretation.

Christineg5

2018-10-07, 06:04 PM
Please how can I make my login to be opened in the centre of my forum not at the bottom of my forum

Nasyr

2018-10-07, 06:13 PM
Okay so what's the issue with the portal? Give us the forum link.

(2018-10-07, 06:04 PM)Christineg5 Wrote: [ -> ]Please how can I make my login to be opened in the centre of my forum not at the bottom of my forum

Do you mean when you click Log In the box goes away down into like the bottom left hand corner?

User 6029

2018-10-07, 07:10 PM
(2018-10-07, 06:04 PM)Christineg5 Wrote: [ -> ]Please how can I make my login to be opened in the centre of my forum not at the bottom of my forum

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 ipdated modal styling 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 Styleshee: 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 **/

Christineg5

2018-10-07, 08:06 PM
http://forum.talkcloud.com.ng
What I mean by increasing portal, I just want it to be of the same breadth or width like my main forum

User 6029

2018-10-07, 08:58 PM
It will be when you select what forums you to display on portal announcements?

Christineg5

2018-10-08, 04:12 AM
please my login form is not working but the portal login is working. 

my login form is still not yet in the middle, i have replaced the code  as follows, thanks...


http://forum.talkcloud.com.ng

[Image: mysupport_unbestanswer.gif] Mark as best answer
(9 hours ago)Christineg5 Wrote: Wrote:Please how can I make my login to be opened in the center of my forum not at the bottom of my forum

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 ipdated modal styling 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 Styleshee: 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 **/)

Code:
/** 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 **/

User 6029

2018-10-08, 07:19 AM
(2018-10-08, 04:12 AM)Christineg5 Wrote: [ -> ]please my login form is not working but the portal login is working. 

my login form is still not yet in the middle, i have replaced the code  as follows, thanks...


http://forum.talkcloud.com.ng

[Image: mysupport_unbestanswer.gif] Mark as best answer
(9 hours ago)Christineg5 Wrote: Wrote:Please how can I make my login to be opened in the center of my forum not at the bottom of my forum

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 ipdated modal styling 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 Styleshee: 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 **/)

Code:
/** 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 **/

You are using a outdated theme designed for 1807 and current mybb version is 1819. Alot has changed in themes since then and I bet if you check for find updated templates in acp you will find many for that theme need to be updated..., not to mention some of the css besides login modal will need to be updated. Also login coding has definately changed since 1807 not just the css styling for it. First things first try the mybb default theme..., if the issues do not exist in that, then it is related to your current theme of which the author has not updated since 2016 and you will most likely have to manually update yourself or find another theme that is up to date. Also it looks like you have incorrect theme image directory or have not uploaded the images as your forum is missing all of its icons/spites etc

Christineg5

2018-10-08, 01:32 PM
thanks the code is working, but my login form cant login me in,but the portal's login is working, please how can i make my login form to work
Pages: 1 2
MyBB Community Forums > 1.8 Support > General Support > Please increase portal size