The sitefinity logo by default exists at the bottom of the page...and it trys REALLY hard to stay there if you have a look at the CSS of the object.
<p id="ctl00_sitefinityLogo" class="poweredBySitefinityLogo" style="overflow: visible ! important; text-align: center ! important; display: block ! important; visibility: visible ! important; position: static ! important;">
<a title="Sitefinity ASP.NET CMS" style="border: 0pt none ! important; margin: 0pt auto ! important; padding: 0pt ! important; background: transparent url(/WebResource.axd?d=67Ivbea5CIfo-grkes0hDvxX8Q3jlLpEEDXxMXw-6qjgRY2uXgVdYa49IxZ9FIHaUAygH9Yl1Ag0udhcTyVoSA2&t=633976215533240000) no-repeat scroll 0pt 0pt ! important; display: block ! important; visibility: visible ! important; position: static ! important; width: 139px ! important; height: 51px ! important; -moz-background-clip: border ! important; -moz-background-origin: padding ! important; -moz-background-inline-policy: continuous ! important; text-indent: -9999px ! important; outline-color: -moz-use-text-color ! important; outline-style: none ! important; outline-width: 0pt ! important;" rel="external" href="http://www.sitefinity.com">Sitefinity ASP.NET CMS</a>
</p>
Ok so moving the logo by CSS alone is super hard, what we need to use is jQuery.
I first created a container on my page that I wanted the logo to live in
<li class="logoblock">
<!-- jQuery loads the logo here -->
</li>
Ok, the next step is to then create the jQuery code to move the logo, this needs to happen in document.ready
$telerik.$(document).ready(function() {
setTimeout("movelogo()", 500);
});
So this calls the "movelogo" function 500ms after the page is deemed "ready". You can put the movelogo function wherever you want, I kept it in an external file
function movelogo() {
var logo = $telerik.$('.poweredBySitefinityLogo');
var container = $telerik.$('.logoblock');
logo.appendTo(container);
logo = null;container = null;
}
Logo should now appear where you want :)
Cheers
