Image instead of List Name, and hyperlink the image to view 'All Items.aspx' page

Question

Hi,
I would like remove the Page title for list (i.e., name of the list in view all items.aspx page) , and instead use image and hyperlink the image
to 'All items.aspx" page.
Using developer tool found the element (#PageTitle) and added 'Script Editor' webpart and below css script to it. I am successful in replace the
title to image, however, I am unable to add the HTML tag for hyperlink. Where do I need to add or how do I add? Could anyone help me please??
<style type="text/css">
#pageTitle
background-image: url('http://w2k81368:2116/SiteAssets/Test.jpg');
background-repeat:no-repeat;
text-indent: 100%;
white-space: nowrap;
</style>
Regards,
Sunitha

Answer 1

Hi Sunitha,
According to your description, my understanding is that you want to change the list title to an image.
I recommend to add the code below to the list page:
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function (){
var s = "<img alt='SP' src='http://w2k81368:2116/SiteAssets/Test.jpg'>";
var $t = $("#DeltaPlaceHolderPageTitleInTitleArea span span a");
$t.html(s);
</script>
After that, the list title will change to the image and it will show allitems.aspx page when clicking the image.
Thanks,
Victoria
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Victoria Xia
TechNet Community Support