This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Footer size

Open 8 replies premiumthemetheme-vantage
advatis
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 1 month ago

    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. advatis 11 years, 1 month ago

    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. Andrew Misplon Staff 11 years, 1 month ago

    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. advatis 11 years, 29 days ago

    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. Andrew Misplon Staff 11 years, 28 days ago

    Thanks.

    To sort out Boxed Layout add this:

    #page-wrapper {
padding-top: 0;
}
header#masthead {
margin-top: 20px;
}

    Should do the trick.

  6. Andrew Misplon Staff 11 years, 28 days ago

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

    body {
background-color: #fff;
}
  7. advatis 11 years, 28 days ago

    Hi Andrew,

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

  8. Andrew Misplon Staff 11 years, 25 days ago

    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.

Have a different question or issue?

Start New Thread