I have a theme aside from the default and I want the MyAlerts and MyReactions box to show up in the center - like it does on the default - instead of in the lower left corner.
What exact code and where controls this stuff?
You need to modify Header templates in your theme. They are the correct places for that and it also depends on the theme.
Please share the URL so that we can tell exact template
(2018-06-19, 05:20 AM)jy76 Wrote: [ -> ] (2018-06-19, 04:53 AM)WallBB Wrote: [ -> ]You need to modify Header templates in your theme. They are the correct places for that and it also depends on the theme.
Please share the URL so that we can tell exact template
https://www.themehouse.com/mybb/themes/gaming-jam
I mean to say your website URL where you have installed the theme.
header template
header_welcomeblock_member template.
You need to modify both templates and move some code of header to header_welcomeblock_* templates.
@.m knows how to fix this stuff but he's been gone for at least a month.
How about modifying something here:
/** Modal Start **/
.modal {
display: none;
width: 400px;
text-align: left;
background: #fff;
-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 **/
Anyone can fix this, we all reply based on our time.
As far as I understand, you want to move MyAlerts and MyReactions to below menu. To do this, the solution is below
You need to move the code
{$myalerts_headericon}
from header_welcomeblock_member to below your menu code to this
<div id="menu">.......</div> {$myalerts_headericon}
If I understood incorrectly, then please share an image with the issue so that it is more clear.
(2018-06-20, 12:28 AM)jy76 Wrote: [ -> ]@.m knows how to fix this stuff but he's been gone for at least a month.
How about modifying something here:
/** Modal Start **/
.modal {
display: none;
width: 400px;
text-align: left;
background: #fff;
-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 **/
No, see on the site, the MyAlerts is in the top nav bar. No problem. However, when you click it, it pops up in the lower left corner, not below the menu bar - as it would on the default theme.
(2018-06-20, 04:14 AM)jy76 Wrote: [ -> ]No, see on the site, the MyAlerts is in the top nav bar. No problem. However, when you click it, it pops up in the lower left corner, not below the menu bar - as it would on the default theme.
Any temporary login, can't see as Myalerts is not available for guests.