The 'Logged in as Administrator' box

[pbnet]

I found it rather annoying that this box was output by some encrypted code. Such a small thing, why force it on people who paid for your script? At least give it a class name or id! In my case it was overlapping an area of my design (nav), and this is how I was able to do something about it.

 

Here's some options for you all....

 

Drop either of these in your footer...

 

To completely hide the admin box:

 

{literal}
<script type="text/javascript">
$("div:contains(Logged in as Administrator):last").hide();
</script>
{/literal}

 

To just move the box (as is will set to bottom left):

 

{literal}
<script type="text/javascript">
$("div:contains(Logged in as Administrator):last").css({'top' : '95%', 'right' : '80%'});
</script>
{/literal}

 

Hope it helps!

[kmm2908]

Thanks it helped a lot, and your comments are right, why can't we edit elements such as this in the templates?

[Alistair]

Thanks it helped a lot, and your comments are right, why can't we edit elements such as this in the templates?

 

You can. Read the first post.

[MechJosh]

This failed to work for me, is anyone else having this problem?

 

The solution I found (which isn't a good idea to share) was to hide the it using a div (display:none). At the same time this hides the copyright notice which is why I shouldn't share it.

[sparky]

You may have a java conflict between jquery and another script that you have loaded.

Change the $ to jQuery

[MechJosh]

You may have a java conflict between jquery and another script that you have loaded.

Change the $ to jQuery

 

Thanks for the suggestion but this didn't work.

[sgrayban]

What about reformating it ?

 

I wanted to add a line break where the | is at in the line. Is that possible ?

[NetLink]

What about reformating it ?

 

I wanted to add a line break where the | is at in the line. Is that possible ?

 

Here's another way to do it - in your stylesheet, add the following:

 

div[style="position:absolute;top:0px;right:0px;padding:5px;background-color:#000066;font-family:Tahoma;font-size:11px;color:#ffffff"]
{
background-color: #c08121 !important; /* Change bg color */
position: fixed !important; /* Change positioning */
/* etc. */
}

 

Here's how to add the line break:

 

div[style="position:absolute;top:0px;right:0px;padding:5px;background-color:#000066;font-family:Tahoma;font-size:11px;color:#ffffff"] a
{
display: block;
}