Widget overflowing into footer

Support Area Forums Foundation Widget overflowing into footer

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question:
  • Author
    Posts
  • #15592
    Kristine Precour
    Participant

    Hello,

    I have a full length widget that I set up at the bottom of the home page. It’s running over the footer. How can I fix that?

    This is the CSS I have (removing the height and changing the display properties didn’t change it):

    #home-widgets #text-12 {
    width: 100%;
    height: auto;
    display: block;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    (site: medasf.org/redesign)

    #15593
    Bill Robbins
    Moderator

    That is an interesting situation. I believe the script that arranges the widgets is putting them in place before all of the graphics are completely loaded. It may help to add in height and width parameters to the image tags so the browser knows how much space the images will take up before they are loaded.

    You could also set a minimum height for the lower widget area there. Here’s how to do that:

    1. Go to the Theme Options page and select the Styling tab.
    2. Scroll down to the Custom CSS box and paste this:
      
      #home-widgets {
      	min-height: 1800px;
      }
      
    3. Update your settings.

    That will set the bottom of the home page to always be at least 1800 pixels tall which will give enough room for your content.

    Let me know if that doesn't get it for you.

    Thanks,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Widget overflowing into footer’ is closed to new replies.