This article will focus on how to change the banner.png image that is loaded with the default installation of phpFox.
“How do I change that ugly world image on the main visitor’s page of my website?” I have seen this question posted a few dozen times on the phpFox forum.
The steps to changing this banner image are as follows:
1. Create a new image, with the dimensions of 530px width by 245px (or more if you would like) height. This image you want to name banner.png. You can create this image in any photo or image editing software, but make sure you save it as banner.png.
2. Open your site’s files either with your FTP program or with your cPanel File and navigate to the following folder:
public_html/theme/frontend/default/style/default/image/layout/
This is where you will find the default banner.png image that you want to replace.
3. Upload your new banner.png image, making sure to overwrite the original banner.png file with the new one.
First, select Upload from the menu bar in your file manager.
On the next screen, you want to navigate to the new banner.png file on your computer by clicking Browse. When it asks if you would like to overwrite the current banner.png file, select Yes.
4. Using your web browser, visit your website and view your new banner.png graphic. If the image is still the original default world graphic, refresh your browser.
Congratulations! You have just changed the banner.png graphic for your phpFox website!
Looking for quality phpFox Hosting? Look no further than Arvixe Web Hosting!
Hello Stephanie Brown, i want to know… How do you change the background behind the banner.png? I want to add a image behind the banner.png. Can you help me?
Thank you.
Hi Destin. In order to do what you want to do, you would need a bit of an understanding of CSS and how to use tools to find the tags to edit. I would suggest using Firefox/Firebug and using the inspect with Firebug feature to find the css tag that you need to edit to add an image in the background. With that said, I would suggest creating a new theme/style based off of the one you are currently using, and creating a custom.css file in it so that you don’t edit default PHPFox files or files from your theme developer.