Change Web Part Header Style on SharePoint 2013/2016/Online

To change the Web Part header as below.



The following styles will change the WebPart header as curved header.

 <style type="text/css">
div.ms-webpart-chrome-title { background: #484546; border-style: none; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-left: 10px; }
div.ms-webpart-chrome { border-style: none; }
h2.ms-webpart-titleText { color: #fff !important; font-weight: bold; }
h2.ms-webpart-titleText a:link, 
h2.ms-webpart-titleText a:active, 
h2.ms-webpart-titleText a:visited, 
h2.ms-webpart-titleText a:hover 
{ color: #fff !important; }
.ms-wpContentDivSpace { margin: 0; }
div.ms-webpart-chrome { border-color: #eee; border-top-style: none; }
tr.ms-viewheadertr {background-color: #f2f2f2;}
</style>

Comments

Post a Comment

Popular posts from this blog

Switch from Classic to Claims Authentication in SharePoint 2010

SharePoint 2013 tutorials, SharePoint 2010 articles, SharePoint interview questions: Switch from Classic to Claims Authentication in Sh... : In this article we will discuss how to switch from Classic Mode Authentication to Claims Authentication. $webApp = Get-SPWebApplication “http://web application URL/” $webApp.UseClaimsAuthentication = 1 $webApp.Update() $webApp.ProvisionGlobally() $webApp.MigrateUsers($True)
Read more

How to query list data using web service

In SharePoint, to query list data we can also use web services provided by SharePoint other than SharePoint API. We can call web services from two places one is JavaScript and another one is .Net client application. Here I will show you both methods. .Net client application To query list data we will use a web service called lists.asmx . 1. Create .net project either windows/console. 2. Add the web reference and the URL looks like http://<servername:portno>/_vti_bin/lists.asmx 3. Give the web reference name as ListsSvc . 3. Add the following code snippet to get list data. ListsSvc. Lists listService = new  ListsSvc. Lists (); // If the current user is having access you can use below code listService.Credentials = CredentialCache .DefaultCredentials; // In case if you want to pass specific user credentials listService.Credentials = new NetworkCredential ( "<username>" , "<password>" , "<domain>" ); string v...
Read more