Joomla Templates Club 406,261 posts

[eware Friend ewareJoin date: January 2007Posts: 22Downloads:0Uploads:0]

#118736

Is it possible to change the height of header position based on different page ?
Or can we just make its height to fit to the height of images.
We have different images for front page and inner pages.
We want to make header in inner pages is smaller.

Is it possible ? Can anyone tell me how to do ?

Thanks.

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

#214429

To make your header in inner pages is smaller than in frontpage, you could follow these steps:

1. Open template index.php file, search code:


<?php if( mosCountModules('header') ) {?>
<div id="ja-sh" class="clearfix">
<?php mosLoadModules('header', -1); ?>
</div>
<?php } ?>

Replace with:


<?php
$fp = "";
if ( $option != 'com_frontpage' ) $fp = "-fp";
?>
<?php if( mosCountModules('header') ) {?>
<div id="ja-sh<?php echo $fp; ?>" class="clearfix">
<?php mosLoadModules('header', -1); ?>
</div>
<?php } ?>


2. Open template css template_css.css file, search style:


#ja-sh {
clear: both;
border-bottom: 3px solid #F85703;
background: #484848;
height: 152px;
overflow: hidden;
}

Copy to new style:


#ja-sh-fp {
clear: both;
border-bottom: 3px solid #F85703;
background: #484848;
height: 152px;
overflow: hidden;
}


3. Now you could change the height of 2 styles: #ja-sh and #ja-sh-fp. Inner pages will use #ja-sh, while frontpage will use #ja-sh-fp.

[eware Friend ewareJoin date: January 2007Posts: 22Downloads:0Uploads:0]

#214442

Thanks very much for your support.
I almost get there, but still a little problem.
The bottom line color of header in frontpage is always brick even if I change the template color to blue. But inner page’s header not have this problem.
I am sure I copy all code for ‘ja-sh’ to ‘ja-sh-fp’ except the height.

You may our site again http://www.eware.com.hk/cms

Can you give me more help on this ? Thanks.

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

#214443

Hi eware,
I have missed one thing. You need update 3 css files in folder css/colors. Search code:


#ja-sh {


replace with:


#ja-sh, #ja-sh-fp {


[eware Friend ewareJoin date: January 2007Posts: 22Downloads:0Uploads:0]

#214566

It works finally.
Thanks for your exellent support.
We appreicate it.

[Author]

Posts