Making my Header Image editable on every page of my site

Permalink
Can any one tell me how I can change the Header Image for each page in the Grunge Columns Theme? I am wanting the main Home page to have the image it currently has and each "sub page" to have a smaller header image and be different on each page (I only have 10 so some may have the same). The website is doublecircleleather.com for reference and to show the size of the Home Page header image, and I have attached one of the others I would like to use on the rest of the website pages.

I know HTML, however, I have no idea how to manipulate code in PHP, so ANY coding help on making this happen for me would be a true Blessing. Please let me know if I need to give any further information.

Thanks,
Shay

1 Attachment

shaydaz
View Replies:
Steevb replied on at Permalink Reply
Steevb
Sorry, like to help. But the theme is over six years old?

Please try to update everything!
shaydaz replied on at Permalink Reply
shaydaz
Thank you for your reply and willingness to help. However, my client LOVES this look and I have no idea how to make a template or theme for use in Concrete5 to match this one. Do you know of one? If not, Can you tell me how to create my own theme to match this one? Remember, I do not know PHP coding :-(

Any other suggestions?
Steevb replied on at Permalink Reply
Steevb
Hire somebody to bring the site into the 21st century.

Things to do:

1. Needs to be mobile friendly.

2. Needs latest coding technologies implemented.

3. Needs bigger Images and optimisation.

4. Better SEO implemented.

Theme could be modified to meet modern requirements if needed.
tallacman replied on at Permalink Reply
tallacman
your header image is specified in the css file with this code:

.banner {
   padding-top:5px;
   height:480px;
   position:relative;
   background:url(http://doublecircleleather.com/packages/cannonf700_grunge_columns/themes/grunge_columns//images/header2.jpg) left top no-repeat;
}


youll need to make the 'banner' area into an editable area and place your page images one by one.
shaydaz replied on at Permalink Reply
shaydaz
Ok. Thank you. So do I make the banner editable in the header.php file? Something like this


<?php
$a = new Area('Header');
$a->display($c);
?>
shaydaz replied on at Permalink Reply
shaydaz
sorry, I meant

<?php
$a = new Area('banner');
$a->display($c);
?>
tallacman replied on at Permalink Reply
tallacman
yes. and remove the banner css