In this post I will show you how to edit CSS in SharePoint 2013 to give your site a customized look and how to remove extra white space in a SharePoint page as shown in this picture.
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 (‘Find’ in some browsers as shown in this picture).
3. Then Click on CSS button.
4. A CSS file will open as below.
5. Click on ‘Save’ icon and save the CSS file with a proper name.
6. Now you have attached CSS file 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 belonging to that area auto Selected in your CSS tab of the 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. Please ask if you have any related problem.