[Suruchi]

How do i get rid of white space at the bottom of my footer? Using footer area 1 option.

I am using the following CSS:

#supplementary { padding: 0px; }
#supplementary aside { margin-bottom: 0px; }

link to the site:

http://www.sanjaykgupta.com/

[Sakin]

@suchi: Are you talking about the Footer area where you have logos. If so then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#footer-sidebar .widget_simpleimage p { margin-bottom: 0; }
#footer-sidebar { background-color: #fff; }
#footer-sidebar .widget img { box-shadow: none; }

[Suruchi]

Awesome that worked 🙂 Also is there a way to make the grey footer area smaller in height?

[Suruchi]

Is there a css code that i can use to have nice background/button for side bars to make them stand out more?

[Sakin]

@suchi: For footer area when you have copyright information, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#site-generator .site-info { padding: 10px 0; }

For background in sidebar, this theme is not designed that way so it will have problem with margins. For example, if you add light grey background in your Custom CSS, it will look bad.
#secondary { background-color: #eee; }

[Suruchi]

Great that worked. Also how can i make my logo bar in the footer area centered?
I am using this:

#footer-sidebar .widget img { img-align: center; }

[Sakin]

@suchi: Add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#supplementary .widget-area {
    text-align: center;
    width: 100%;
}

[Author]

Posts