Modifying background imagery for Newscast? « Support Forum | Kriesi.at

Support Forum » Newscast

Modifying background imagery for Newscast?

6 posts from 2 voices

Started 1 year ago by bgerberfood
Latest reply from Dude
This topic is not a support question

Tags:

bgerberfood
Member

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

QUESTION:
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 83x329 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!
Brian

Posted 1 year ago #
Dude
Dude

Hey,
the bg.png file is just 83x329 (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.

Posted 1 year ago #
bgerberfood
Member

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 83x329 (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 83x329 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,
Brian

Posted 1 year ago #
Dude
Dude
Yes that's all. The bg image css code can be found in style1.css:
```
body{
background: #fff url(../images/skin1/bg.png) repeat-x 0 0;
color:#666;
}
```
The repeat-x attribute tells the browser to repeat the image along the x-axis.
Posted 1 year ago #
bgerberfood
Member

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.

Posted 1 year ago #
Dude
Dude

Glad that I could help you :)

Posted 1 year ago #