WordPress.org

Ready to get started?Download WordPress

Forums

CSS Cannot get header and footer, to overlap the wrapper div, theme 2010 (7 posts)

  1. foodboy
    Member
    Posted 1 year ago #

    Hi
    I am using a child theme to override ‘Twenty Ten’ them style.css.
    I would like to style the footer so it overlaps the wrapper div but still sits within the wrapper div so when content is added to the side bar the footer moves with it.
    Basically I `would like the header and footer, to overlap the wrapper div!

    #header {width: 980px; margin-left: auto; margin-right: auto;}
    #footer {width: 980px; margin-left: auto; margin-right: auto;}

    But the wrapper div stops the above code from expanding left and right, overlapping the wrapper.

    I have also tried overflow here without success?

    Hope someone knows how to achieve this in CSS and I can learn where I am going wrong !!

    Many thanks in advance!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    For CSS-specific issues, consider CSS-specific forums.

  3. foodboy
    Member
    Posted 1 year ago #

    Oh thanks Nevins how can I move this post to CSS forum?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Without a link to your site, impossible to help much with CSS questions.

  5. foodboy
    Member
    Posted 1 year ago #

    I am working locally on localhost 'learning' just wondered if anyone has come across something like this and could point me in the right direction! thanks for your help

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I'm not totally understanding what you are trying to do... can you explain a bit more or perhaps post a link to an image of it?

  7. foodboy
    Member
    Posted 1 year ago #

    Managed to solve the issue, needed to make the below changes to the footer
    margin-left: -20px;

    Thanks for your comments regarding a link to my site, I will consider this in the future posts

    Many thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic