September 16, 2011 at 1:46 am #5897
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: http://www.kriesi.at/support/topic/2-add-text-below-the-header-icons-change-color-of-headerfooter#post-17919. Neither worked properly for me.
Thank you for any quick feedback!
BrianSeptember 16, 2011 at 6:48 am #52132
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.September 20, 2011 at 1:36 am #52133
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,
BrianSeptember 21, 2011 at 10:27 am #52134
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.September 22, 2011 at 12:52 am #52135
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.September 22, 2011 at 5:42 am #52136
The topic ‘Modifying background imagery for Newscast?’ is closed to new replies.