Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Friday, August 26, 2016

How to reduce the width of choice column in List in SP 2013

Add it to a script editor web part to the page
<style type='text/css'>
.ms-vh-div[DisplayName='ChoiceColumnDisplayName']
{
  width:250px;
}
</style>

Tuesday, March 22, 2016

How to Print css in SharePoint 2013

In this below script,Print css in javascript

Print css

I got is adding media="print" property to the CSS references.

/* This CSS removes the header, navigation and other action elements from the print preview  */

1. 

<style>
     @media print{
     #suiteBar{display:none;}
          #titleAreaBox{display:none;}
          #pageTitle{display:none;}
#btnPrint{display:none;}

     }
     </style>


/* Insert your print stylsheet here */

}

2. 

 /* Reference master page  */ 

<link rel="stylesheet" media="print" href="print.css" type="text/css"/>
 

Sunday, December 27, 2015

Remove bullet and numeric list ul and li and add remove elements on hover

ul and li
list-style:none


li img {
  display: none;
}

li:hover img {
  display: inline-block;
}