You're reading a how-to that is part of our new Learn Beta. Track your progress. Earn badges. Learn IT! Read More about the beta experience.

Introduction

After purchasing the SpiceWorks application you do not need to have the ad frame or white space anymore and can use the full potential of 100% width. Of course this only applies to people who have purchased SpiceWorks and I cannot speak for others. This is purely a customization of style-sheets and you can change the settings to whatever you would like to suit your needs.

Steps
(5 total)

1

Locate the base.css file

This file should be located in:
%installpath%\\Spiceworks\\pkg\\gems\\spiceworks_public-5.3.75941\\packages\\base.css

After you locate this file go ahead and open it with your favorite editor or if you have a web file editor you can open it there.

2

Change #sidebar to #sidebar1

This was the first step I took. I noticed that the sidebar (most root level) of the div was where this was controlled at. So I renamed all items that were labeled #sidebar to #sidebar1. Very simple process to do.

Click Edit > Replace
Then put in #sidebar in the Find what field
And put #sidebar1 in the Replace with field.

After that select "Replace All"

3

Edit #content_wrapper tag

Look specifically for:

padding-right: 302px; (I forgot what the original size was)
change to
padding-right: 3px;

4

Choose where you want your menu to reside

My company is using SpiceWorks inside of an iFrame on SharePoint 2010 so we chose a simple placement that is just to the right of the search bar. You can change its location by adjusting the values under the #header_nav section like so:

margin-right: number_valuepx;
margin-top:number_valuepx;

Since we are just going to keep it to the right of the search bar I just commented out the margin section. (comment css code out by opening the blocked code with /* and closing the blocked code with */)

5

Refresh your portal page

After refreshing your portal page, you should be making use of all your available browser space and there should be no white space areas. Just remember this is for people who have purchased SpiceWorks as the ads are part of the free service.

If I left anything out, leave a comment and I will add update it or add it in here.

Conclusion

Now that is complete you should be able to move your menu navigation to wherever you would like. For those of you not certain with editing style-sheets or other forms of code; A good beginning that I have found is *DO NOT DELETE CODE*! Too often code is deleted and you go back (kind of like I did..) trying to replace things and you cannot because it is not there. Always remember to just comment out the code that you do not wish to display or to be in play when the server parses it. Happy editing!

A daily dose of today's top tech news, in brief.
You need to hear this.
Reddit gets native video support
Variety reports that Reddit has just introduced a new feature that allows you to upload video clips directly to the service. The feature was ...

For a long time we have been happily using the Dell E Dock. But as Dell are removing the E dock port I need to find a good USB docking station. What is everyone else using? We are a nonprofit so need something cheap.

I am curious about what others think when having to take an exam to qualify for a position. I personally don't feel that a company can really judge a person just by taking a test for a position the company is hiring for. Now I know they are trying to see if this individual is qualified, but sometimes there are questions on these exams that even experts can't answer.