Home>Support>Footer size

Footer size

By advatis, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I work with the Layout Bound in Full Width. My problem is, if i have small text on a page, the footer grows to big. It’s possible to write css code that the footer has a maximum size, after the footer it’s only background ?
Thanks in advance.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    The only possible hotfix here is to add a min height to the content container, give this a try under Appearance > Custom CSS:

    /* Main Container */

#main {
	min-height: 500px;
}

    Adjust as required.

  2. 9 years, 8 months ago advatis

    Hi Andrew,
    thanks for your answer, it doesn’t work. If i go back to boxed Layout, it’s possible to make a shadow for the box design ?

    Thanks in advance.

    Chris

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    The CSS I sent will set a min height for the center content container. To see what’s going on, please send a link to your site with the CSS in place and we’ll take a look.

    Just shooting from the hip, shadow on boxed layout will probably be:

    #page-wrapper {
box-shadow: 3px 3px 3px #ccc;
}

    Edit as required.

    http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
    http://stackoverflow.com/questions/6821295/add-css-box-shadow-around-the-whole-div

  4. 9 years, 8 months ago advatis

    Hi Andrew,

    i can’t send you a link, because the new hompage is offline (MAMP), but I’ve two picture for you, the first picture is http://www.eco-butz.de/Boxed_Layout.jpg. In this Picture you see a red circle, the appearance of the box is not correct, how can I change this via css ?
    In the second picture http://www.eco-butz.de/FullWidth_Layout.jpg, the background has the same color as the footer, how can i change the color of the background ?

    Thanks in advance

    Chris

  5. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Thanks.

    To sort out Boxed Layout add this:

    #page-wrapper {
padding-top: 0;
}

header#masthead {
margin-top: 20px;
}

    Should do the trick.

  6. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    To sort out the Full Width problem, set a body background color:

    body {
background-color: #fff;
}
  7. 9 years, 8 months ago advatis

    Hi Andrew,

    thanks for your help, the boxed Layout works very fine. The Full Width body background color doesn’t work.

  8. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    If you have a testing url available we could take a look at the full width layout problem. I’m sure it’s something we could resolve once we view the problem and can inspect the source code.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More