footer background

  • Resolved soccergrl

    (@soccergrl)


    11 years, 9 months ago

    I have a working footer and just want to change a few details and add a background image to my home page footer. I successfully made most detail changes and added the background image to my footer, but I am unable to make the footer extend the entire width and make my 3 columns centered horizontally within the black box background.

    Link:http://77f.ea4.myftpupload.com/home/

    Don’t worry about other aspects not running this is just my test site as my real site is up and running.

    Footer css:
    /* The footer */
    /*#footer {
    clear: both;
    border-top: 1px solid #DCDCDC;
    margin: 0 0 3em 0;
    color: #777;
    background: #fff
    }
    #footer .right {
    float: right;
    text-align: right;
    background: #FFF;
    }
    #footer a {
    text-decoration: none;
    background: #FFF
    }
    */
    #footer {
    clear: both;
    color: #FF0000;
    padding: 40px 15px 10px 0;
    text-align: center;
    font-size: 10px;
    }
    #footer a {
    color: #666666;
    text-decoration: none;
    /* font-size: 10px;*/
    }
    #footer a:hover {
    color: #FF0000;
    text-decoration: none;
    }
    .footerOff {
    color: #666666;
    /* font-size: 10px;*/
    }

    #footer_home {
    margin: 0px auto;
    width: 100%;
    background: #FFF url(http://757.6f6.myftpupload.com/wp-content/uploads/2014/08/topInterior.jpg) repeat-x bottom;
    /* background: #F2F2F2 url(http://757.6f6.myftpupload.com/wp-content/uploads/2014/08/topInterior.jpg) repeat-x bottom;*/
    background-size: 100% 100%;
    padding-bottom: 20px;
    }
    In my page.php, I use an if else statement to either call footer-page or footer-home. Please let me know what further info is needed to help.
    Thank you in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • janet4now

    (@janet4now)

    11 years, 9 months ago

    Your footer is not full width because you have the content div still open. Close that div before the footer.

    The style.css file for your theme is showing up outside of the head tag… was that intentional? And both the child theme and parent theme css is loading separately. That’s really odd. I think you need to look at how to create the child theme and make some changes.

    http://codex.wordpress.org/Child_Themes

    Thread Starter soccergrl

    (@soccergrl)

    11 years, 9 months ago

    Thank you so much. I thought it was carrying over from my body somehow. I know the style.css is showing. This is just my temp work page and then I add the code to my real already running site after I work out all the kinks. So, I just didn’t bring everything over. Thank you again!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘footer background’ is closed to new replies.