WordPress.org

Ready to get started?Download WordPress

Forums

Banner problems (11 posts)

  1. mathewcharles
    Member
    Posted 4 years ago #

    Hi

    I have customised my banner in the zenlite template - it looks fine on my laptop, but on some machines, it is cropped at the edges... Can anyone explain why and help me fix it?!

    Thank you!

    daffodilmedia.com

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    you have a flexible width theme, with a fixed size header.
    set a min-width of 1000px on #wrapper.

  3. mathewcharles
    Member
    Posted 4 years ago #

    Thank you - where do I do this?

  4. seandey
    Member
    Posted 4 years ago #

    you can edit this in style.css look for either .body { or content i think, im not 100% sure though.

  5. mathewcharles
    Member
    Posted 4 years ago #

    IS this the correct code? It doesn't seem to work...

    /* Onto the actual layout */
    #wrapper {
    width:80%;
    min-width:1000px;
    margin:0 auto;
    padding:0;

  6. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    that's the place i thought about; if you don't see changes, try to refresh the browser cache by pressing CTRL and F5 simultaniously.

  7. mathewcharles
    Member
    Posted 4 years ago #

    That has worked, but it's now moved my text right to the edge of the page: daffodilmedia.com

    Where/how do I add a margin?

    Thanks

  8. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    as you haven't changed what i suggested (adding a min-width to #wrapper), what have you changed?

    reverse that and your text should be fine again.

  9. mathewcharles
    Member
    Posted 4 years ago #

    I did change it - from max width to min width. The header now fits, but text has moved. I'd like to keep the header where it is but move the text back to where it was....

  10. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    you are right, my bad, i didn't refresh my browser this time :-(

    to indent the content you could set a left padding on #content:
    in layout.css, edit:

    #content {
    	min-height:400px;
    	line-height:1.5em;
    	margin:20px 0 0;
    	padding:0 0 0 70px;
    	font-size:.9em;
    }
  11. mathewcharles
    Member
    Posted 4 years ago #

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic