WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
[resolved] how do i change footer height in twenty-eleven child?? (24 posts)

  1. cartwrightk
    Member
    Posted 1 year ago #

    Hello!
    I'm trying [desperately] to dramatically increase the height of my footer image in my child theme. Does anyone know the css to do this? I inserted a new footer image and it has somehow become much smaller than the original footer image - strange no?
    http://www.sergiosalina.com/
    Please advise!
    Thank you ~ Kel

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It doesn't look like you have any content in the footer?

    <footer id="colophon" role="contentinfo">
    <div id="site-generator">
    <a title="Semantic Personal Publishing Platform" href="http://wordpress.org/"></a>
    </div>
    </footer>

    But you could set a fixed height here:

    #site-generator {
        background: url("http://www.sergiosalina.com/wp-content/uploads/2013/05/sergiowoodfooter2.jpg") repeat scroll 0 0 transparent;
        height: 200px;
    }

    You might also want to check on some mark-up errors:

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sergiosalina.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  3. cartwrightk
    Member
    Posted 1 year ago #

    no i don't have any content yet.
    I'm trying to increase the height of the colored image and then place the footer content on top - can i do that?

  4. Ravinder Kumar
    Member
    Posted 1 year ago #

    yes you can do that put height attribute auto so that you widget get fit in footer.try it....

    #site-generator {
        background: url("http://www.sergiosalina.com/wp-content/uploads/2013/05/sergiowoodfooter2.jpg") repeat scroll 0 0 transparent;
        height: auto;
    }
  5. cartwrightk
    Member
    Posted 1 year ago #

    Thank you,
    Yet it is still the same and i can't see the writing that i put on the bottom of it.
    I'm trying to get some major height on it :)

  6. Ravinder Kumar
    Member
    Posted 1 year ago #

    but you not put any widget in footer.if you put widget in it height of footer and image increase automatically.try this

  7. Ravinder Kumar
    Member
    Posted 1 year ago #

    #site-generator {
    background: url("http://www.sergiosalina.com/wp-content/uploads/2013/05/sergiowoodfooter2.jpg") no-repeat top center transparent;
    height: 393px;
    }

    try this sorry for not getting your problem

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The content will CREATE height - that's generally how height works.

  9. cartwrightk
    Member
    Posted 1 year ago #

    That's fabulous!! worked great - thank you very much!!
    the very best ~ kel

  10. cartwrightk
    Member
    Posted 1 year ago #

    Again, thank you very much Ravinder - worked beautifully :)

  11. cartwrightk
    Member
    Posted 1 year ago #

    Do not be sorry, even if it had not worked, it was so lovely of you to even want to help :)

    ...not sure what to press to close this topic

  12. Ravinder Kumar
    Member
    Posted 1 year ago #

    close it when you completely satisfy :)

  13. cartwrightk
    Member
    Posted 1 year ago #

    Hey there!
    i tried this on my other site but for some reason it did not work?!
    same template and version

    http://www.meditatelove.com

    i put the code in the child css
    #site-generator {
    background: url("http://www.meditatelove.com/wp-content/uploads/2013/05/test4footer.gif") no-repeat top center transparent;
    height: 90px;
    }
    what could i be doing wrong?

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That code is working fine - but the image file path is evidently not valid - try it:

    http://meditatelove.com/wp-content/uploads/2013/05/test4footer.gif
  15. cartwrightk
    Member
    Posted 1 year ago #

    i looked at that. yet that is where the image is and the name and extension is correct.

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    What happens when you put that URL in your browser?

  17. cartwrightk
    Member
    Posted 1 year ago #

    yes thank you, i'm not sure how it happened but i was a digit off.
    i had checked it about 5 x's!!

    Thank you
    thank you!!

  18. cartwrightk
    Member
    Posted 1 year ago #

    thank you again, can you also please tell me how to end this thread?
    there is no box to tick.

  19. cartwrightk
    Member
    Posted 1 year ago #

    oh can i please ask one last question on this?

    is the footer short [on the sides] because i made it short? or is it my code?
    how can i tell which?

  20. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, the image is 994px - but the #page width is set to 1000px. You can probably change either one.

  21. cartwrightk
    Member
    Posted 1 year ago #

    thank you very much!!
    how did you know that? are you using fire bug?

  22. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, I couldn't do any CSS work without Firebug :).

  23. cartwrightk
    Member
    Posted 1 year ago #

    wow, i need to start using that asap!
    thank you for all your work tonight.
    I am grateful.
    the very best to you - k

  24. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, it's really amazingly useful - there's lots of good info on the Firebug website too, if you need it.

    You're welcome too!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic