SharePoint Online, how to hide the SharePoint logo on a list using css or jquery

Question

_{Tuesday, April 28, 2015 8:04 AM}

Hi

Im creating a page for submitting forms. I want to remove the SharePoint Logo on from the page. Can this be done in CSS or jquery?

brgs

Bjorn

All replies (3)

_{Tuesday, April 28, 2015 11:40 AM ✅Answered | 1 vote}

hi 

you need to include the below style in your page

td.s4-titlelogo{
    display: none;!important;
 }

http://sharepointwings.blogspot.in/2012/03/adding-custom-css-in-sharepoint-2010.html

http://microsoft-techies.blogspot.in/2014/03/sharepoint-2013-how-to-remove-default.html

Or find the class name of logo in my case it is "ms-siteicon-img"using f12 (firebug) tool.

$('.ms-siteicon-img').hide();

or 

var img1= $('.ms-siteicon-img');

img.style.display="none";

and this must be in document.ready method.

$( document ).ready(function() { var img1=$('.ms-siteicon-img');img1.style.display="none";});

Regards,
Rajendra Singh
If a post answers your question, please click Mark As Answer on that post and Vote as Helpful
http://sharepointundefind.wordpress.com/

_{Tuesday, April 28, 2015 11:55 AM ✅Answered | 2 votes}

Hi,

You want to remove the SharePoint logo from a list in SharePoint Online (Office 365).

To hide,

1. Edit Page specific page by Site Action-->click "Edit"
2. Add a "Script Editor" webpart on page
3. Add below snippet and click OK and save page.

<style type="text/css">
#DeltaSiteLogo
{
display:none;
}
</style>

Vivek Jagga
My Blog
  

_{Tuesday, April 28, 2015 12:04 PM ✅Answered | 1 vote}

Hi

Thanks for the replies,

I ended up using the CSS:

<style>
#ctl00_onetidHeadbnnr2  {display:none;} 
</style>