Sunday, 2 February 2014

How to edit Css In SharePoint 2013 and Office 365.

So geeks   here is this  Post  how to  Edit  css   of SharePoint 2013  to give   you Site a Customized   Look .

eventually  corev15 .css  handle  all  Customization in SharePoint 2013. and  It is not present in Server memory.So the question  is   How you will   Edit  your CSS  to Remove Extra   white Space in a SharePoint Page. shown   in this picture.  

Simply  Follow  Following  steps one By  One.

1. Install  developer  tools  on your browser  if they   are not installed  already.
2  Open  your SharePoint  Site   In   internet explorer.  Press   F12 then Click  on Search button or  Find in Some Browers. Like Shown in this picture.

3.  Then  Click  on  CSS  Button  Like in this  Picture 


4. A CSS  FILE    will  open Like  Below  
5. Click   On little Save Button  In Following  Picture and save  the Css  File with proper   name.
6. Now  you have attached Css  Sile  to  your SharePoint Site.  To edit this you must have some knowledge  about  Css  and HTMl editing. Now  Click  on Find button  like in step 2. select the area  You want  to remove .  you will  see  code  Belong to that area  will  auto Selected in your  css tab of browser.  Remove selected  padding  and Margin  in your   CSS. 
 Now  Link  your CSS   to  Your master page  in head tag.  
So this is  my first  Blog  Guys.  Ask  if you have any  problem related.  



No comments:

Post a Comment