How to remove the rounded corners and shadows
Question:
How can I remove the rounded corners and drop shadows?
Answer:
1) Log into WordPress
2) Click on “Appearance” -> “Editor”
3) A file called “style.css” should load by default. If not select it from the bottom of the file list on the right.
4) Type or copy/paste the following – see further below for real-world examples:
#div-name {border-radius:0px;}
#div-name {box-shadow:none;}
Optional) Use Firebug www.getfirebug.com to identify the name of the div tag that you want to edit.
Real World Examples:
To remove the rounded corners from the header graphic:
#header {border-radius:0px;}
To remove the rounded corners from the menu:
#access {border-radius:0px;}
To remove the shadow from the menu:
#access {box-shadow:none;}
To remove the rounded corners from the sidebar:
#sidebar h3 {border-radius:0px;}
To remove the shadow from the sidebar:
#sidebar h3 {box-shadow:none;}
To remove the shadow from first of the lower 4 Rotator layout boxes
#homepage-box1 {box-shadow:none;}
The rounded corners are done using CSS3 Border Radius [Learn more from W3 Schools External Link Here]
The shadows are done using CSS3 Shadow Box [Learn more from W3 Schools External Link Here]
The most powerful tool to help you X-Ray any website is Firebug [Download Firebug Here]
