Support » Themes and Templates » Banner problems

  • 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

Viewing 10 replies - 1 through 10 (of 10 total)
  • you have a flexible width theme, with a fixed size header.
    set a min-width of 1000px on #wrapper.

    Thread Starter mathewcharles

    (@mathewcharles)

    Thank you – where do I do this?

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

    Thread Starter mathewcharles

    (@mathewcharles)

    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;

    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.

    Thread Starter mathewcharles

    (@mathewcharles)

    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

    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.

    Thread Starter mathewcharles

    (@mathewcharles)

    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….

    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;
    }

    Thread Starter mathewcharles

    (@mathewcharles)

    Thank you!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Banner problems’ is closed to new replies.