white space in footer

Tagged: footer

This topic has 6 replies, 2 voices, and was last updated 11 years ago by Sakin.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
November 12, 2013 at 11:04 am #17108

Suruchi
Participant

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/

November 12, 2013 at 11:12 am #17110
Sakin
Keymaster
@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; }
```
November 12, 2013 at 11:26 am #17114

Suruchi
Participant

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

November 12, 2013 at 7:40 pm #17131

Suruchi
Participant

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

November 13, 2013 at 4:25 pm #17160

Sakin
Keymaster

@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; }

November 14, 2013 at 1:15 am #17194

Suruchi
Participant

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; }

November 14, 2013 at 2:13 am #17197
Sakin
Keymaster
@suchi: Add the following CSS in “Appearance => Theme Options => Custom CSS” box.
```
#supplementary .widget-area {
    text-align: center;
    width: 100%;
}
```
Author

Posts