Pure CSS Tweaks - Can you help me with this please

I want the following tweaks for the seo.catdynamics .com (please have a look at essential-seo .com css file for all references)

a) Remove the very top grey border (no gap).

b) Make backgorund color where links sit darker blue.

c) Make links smaller font.

d) The lighter blue needs to sit under the darker blue where the links are.

e) The bottom brown line needs to be thicker and darker.

Thanks!

 

You can do all these things without any help, if you've even basic understanding of CSS. Just install Firefox (if you already don't use it) and then install the Firebug extension. Firebug has an Inspect feature that allows you to highlight the CSS code of any particular section and then edit it.

For example:

a). Remove the menu border --

Before:

#menu { 
	background: #006699;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	border-bottom: 5px solid #888888;
	}

Code (markup):

After:

#menu { 
	background: #006699;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	}

Code (markup):

It's pretty simple. Just try it.

 

Thanks for the help WHMTalk - I use firefox and I do have that extension too - but never used as such -

I will try it myself to learn more about it - but I have some other issues too regarding the website - if you can help me do these changes would be great - I will personally do other changes -

 

You're welcome!

Are the other issues related to CSS? If yes, I can help.

 

well, I was asking you to the above mentioned changes and I will do other changes which includes php stuff.


Though I have one more CSS tweak stuff - where I want to lines to be synchronized in FF and IE -

thewebtrafficco .com/free/

Just one thing. Right at the top there are two grey bars, one thick and one thin.

Can you make the thick bar the same length as the thin bar? That will do it.

Please make sure the sidebar links should be vertically aligned with those thick and thin bar as it is now ... thanks