Joomla Templates Club 406,261 posts

[surecheck Friend surecheckJoin date: October 2006Posts: 7Downloads:0Uploads:0]

#117383

Is there a way to get the header image (currently randomly switching between 1 of 4 images) to display a page-specific image? I have a few pages that I would like to have a header image specific to that topic, but can’t figure out how to do it and manage it from the CP.

Even better would be able to have an image selected from a set of images specifically for that page. Thanks!

(Using Zibal template… great design!)

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#211005

The header images are declared in an array in template index.php file.
[PHP]$ja_header_images = array(‘sh01.jpg’,’sh02.jpg’,’sh03.jpg’); // Each sub header image will be assigned to each menu [/PHP]

The image display according to the mainmenu item order (the same order with mainmenu item order). You could add more images to this array to make it display correctly with the page you want.

[domdeez Friend domdeezJoin date: November 2006Posts: 10Downloads:0Uploads:0]

#211727

The graphic I want to use for the header image is larger in height than the template defaults. How can I change the height for the header image area in the template?

Also, when you expand the page from narrow to wide the image expands to the left side only as if it is aligned to the right. Is there a way to alighn the header image to the middle so that when you expand the page it expands equally on both sides of the header image?

[dadario Friend dadarioJoin date: April 2006Posts: 33Downloads:0Uploads:0]

#211969

Hi Domdeez

To define the hight of the header image, go to your /ja_zibal/css/ directory and find the file called “template_css.css”.
In this file search for the words “SUBHEADER + SPOTLIGHT”.
Underneath this text you’ll find a couple of definitions. One of them is
[PHP]#ja-sh {
padding: 0;
color: #FFFFFF;
height: 120px; /* you can change the heigth of the sub-header here. Maximum height: 498px. */
}[/PHP]
Here the height of the header image is defined.
Good luck!

[Author]

Posts