Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #5897

    Hi Kriesi,

    Love the theme and generally have been able to figure out mods via the great forum. However, I’m stuck on something that’s pretty significant for my site (currently not public).


    How do I alter the “bg” file and export it correctly to replace that bg.png file in skin 1?

    Problem is when I open bg.png or bg.psd in any program, it’s 83×329 at 64k. I’d like to modify background for branding or adding custom text hardcoded in the image, if needed. Presumably, that we be best done to psd. I tried following The Dude’s instructions for both 1 and 2 in this thread: (Purchase code hidden if logged out)(Purchase code hidden if logged out) -headerfooter#post-17919. Neither worked properly for me.

    Thank you for any quick feedback!




    the bg.png file is just 83×329 (it’s repeated along the x-axis). You can adjust the image size of course and add text to it, other images/logos, etc. If you’d like to add logos it’s in my opinion better to start a new project or to resize the bg.psd image first and to insert your content as new layer afterwards.


    Hi Dude… Thank you for the quick response! So since I’m not a programmer or interactive designer, I’d just like to clarify that this is what I can do to add to the background properly, at least for header and footer:

    1. Open bg.psd and enlarge from 83×329 (question: what is optimum size to save out bg.png for Newscast?)

    2. Put all new graphics/text on separate layer from original file

    3. Replace old png with new one in skin 1 folder

    Please let me know if there is anything else that’s needed in php or css. Obviously there is rendering code I’m not familiar with (since the existing 83×329 gets repeated somehow) and css in the header/footer for the content like logo, search box, footer widgets, etc. that I’m only guessing at how its positioning effects the viewing of any background changes I make.

    Appreciate all the help,



    Yes that’s all. The bg image css code can be found in style1.css:

    background: #fff url(../images/skin1/bg.png) repeat-x 0 0;

    The repeat-x attribute tells the browser to repeat the image along the x-axis.


    Great thanks, Dude! I’ll remove the “repeat-x 0 0”. I presume that’s why the last attempt with replacing the bg.png didn’t work.


    Glad that I could help you :)

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Modifying background imagery for Newscast?’ is closed to new replies.