Joomla Templates Club 406,261 posts

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#137330

Hi,

I want to use instead of banner and logo only a big picture (as width as the website and 300 pixel heigh) as header.

How can I do it please??

Thank you

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#287598

Hi jana1,

Please try with my guide:
+ Open index.php file in templatesja_zinc folder, at about line 98, find following code section:
[PHP]<!– BEGIN: HEADER –>
<div id=”ja-headerwrap”>
<div id=”ja-header” class=”clearfix”>

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam(‘logoType’)==’image’) { ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);
$sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>
<div class=”logo-text”>
<p class=”site-slogan”><?php echo $sloganText;?></p>
<h1>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a>
</h1>
</div>
<?php } ?>

<?php if ($this->countModules(‘banner’)) { ?>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” style=”raw” />
</div>
<?php } ?>

</div>
</div>
<!– END: HEADER –>[/PHP]

and change to:

[PHP]<!– BEGIN: HEADER –>
<div id=”ja-headerwrap”>
<div id=”ja-header” class=”clearfix”>
<?php if ($this->countModules(‘banner’)) { ?>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” style=”raw” />
</div>
<?php } ?>

</div>
</div>
<!– END: HEADER –>[/PHP]

+ Open file templates/ja_zinc/css/template.css, at about line 1287, find following script:

#ja-banner {
float: right;
margin: 20px 30px 0 0;
padding: 0;
text-align: center;
overflow: hidden;
}

and change to:

#ja-banner {
float: left;
margin: 20px 30px 0 0;
padding: 0;
text-align: center;
overflow: hidden;
height: 300px;
}

Hope it helps.

1 user says Thank You to JA Developer for this useful post

1. jana1

[jana1 Friend jana1Join date: February 2008Posts: 45Downloads:0Uploads:0 Thanks: 4]

#287693

@ja Developer, thank you very much.

It works super.

[Author]

Posts