Tagged: 

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
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘white space in footer’ is closed to new replies.