• To see the problem with your own eyes go to:

    http://www.footballdemonstrations.com

    scroll all the way down and at the right you will notice that the little picture of the guy playing football is overlapping my twitter widget.

    How can I create more space between the footer and my widgets? Or is there any other way to solve this problem?

    Please note that I did not design this website myself, unfortunately my webmaster is on holiday so I’m trying to fix this problem myself..

    Thanks for any help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • If you know where in your theme the image is located (footer.php?), you can manually adjust the image location by modifying the code. As an example, the following code adjusts an image size to a size of 600×500 pixels and moves its display location to the left 20 pixels and up by 32 pixels.

    <p><img width=”600″ height=”500″ alt=”” src=”http://yoursite.com/wp-content/uploads/yourimage.jpg&#8221; style=”margin-left: -20px; margin-top: -32px;” /></p>

    Thread Starter Vanos

    (@vanos)

    footer.php indeed. I’m just a little bit familiar with html but im still gonna give this a try..

    where should I put this code? I went to ‘Appearance’, ‘Editor’ and clicked on the Footer template on the right. Should I put the code somewhere in between the html of the footer template?

    Thanks for the help, much appreciated.

    I would start in the css rather than inserting code into your .php files

    If you look in your ‘Editor’ there should be a file ‘style.css’ at the bottom.

    not far from the beginning of this file you should find

    .col-full {
    margin: 0 auto;
    width: 939px;
    }

    I would change that to:

    .col-full {
    margin: 50px auto 0 auto;
    width: 939px;
    }

    make sure you let your developer know of any changes 🙂

    Actually if you change the margin it’s going to pull your whole page down. I like the soccer dude on the side, try this instead:

    .col-full {
        width: 939px;
        margin: 0 auto;
        padding: 0px 200px;
    }
    Thread Starter Vanos

    (@vanos)

    Clicked on ‘style.css’, this is the only worthy thing there:

    @import “../canvas/style.css”;

    So he imported it from somewhere. What to do now?

    Thank you for the help!

    I’m sorry but as you are using a child of a commercial theme (Canvas), you need to seek support from the theme’s vendors.
    http://www.woothemes.com/support/

    The Moderator is always right 😉

    Good luck!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Picture overlapping twitter widget’ is closed to new replies.