To insert code in a forum thread or comment wrap it in code tags: <code>...</code>.
Setting different background sizes in the header for diff size monitors
  • What size graphic should I use for a custom header graphic. I have set it up at 960 pixels wide but when the browser is extended to full screen size the left and right margins are white. I would prefer not to tile the image is possible.
  • 3 Comments sorted by
  • Hi michael1976,

    I think you can create a image in 1600px width or 1920px width.

    Regards,
    KaptinLin
  • this will not solve the problem on monitors larger then 27"
  • Yeah,

    Maybe you can try create different size of backgrounds for different screen.

    Then use media query.
    #header {
    background-image: url('1440 width image here');
    }

    @media only screen and (min-width: 1440px) and (max-width: 1599px) {
    #header {
    background-image: url('1600 width image here');
    }
    }

    @media only screen and (min-width: 1600px) and (max-width: 1919px) {
    #header {
    background-image: url('1920 width image here');
    }
    }
    @media only screen and (min-width: 1920px) {
    #header {
    background-image: url('2560 width image here');
    }
    }


    Copy the code to custom code area in striking->general options page.


    Regards,
    KaptinLin