Add background image in footer

Change your online store into modern look with myStore eCommerce VirtueMart Joomla template - discussion forum.
GK User
Tue Jan 29, 2013 9:26 am
Hi, i want to add background image in footer i search this forum and follow this incstruction :
https://www.gavick.com/forums/mystore/add-background-in-footer-of-mystore-template-10108.html

It's work for my site, but the problem is my site look like this :

Capture Web.jpg

There is empty space in footer. What the solution for this problem..Thanks for the help.

My site is : http://www.cipakidsshop.com
User avatar
Fresh Boarder

Konrad M
Wed Jan 30, 2013 9:24 am
Hi,
in what browser do you have this empty space. I guess that it is a background color. Probably footer has some margin at the bottom.
User avatar

GK User
Wed Jan 30, 2013 4:01 pm
I'v got this in all browser and all version,how can i check if I added a margin in a footer ? But, its strange I installed site ground extension, this extension put backlink "Powered by Site Ground" in Home page, as you see the home page show full image footer, but if i activated "Show T3 Framework" on template setting its show empty space.

Thanks for fast reply
User avatar
Fresh Boarder

Konrad M
Thu Jan 31, 2013 10:32 am
The fastets way to check css for elements is installing firebug. It is great dev extension for firefox.
User avatar

GK User
Fri Feb 08, 2013 1:10 pm
Oh god I cannot see the mistake...one week :S
I will explain to you I added the code in templates/gk_mystore/layouts/default.php I added div id 'image_ footer' after module position 'fixed_top'
this is my default.php :
Code: Select all
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
$this->_basewidth = 20;
$positions = array (
   'left1'               =>'left1',
   'left2'               =>'left2',
   'left-mass-top'         =>'left_top',
   'left-mass-bottom'      =>'left_bottom',
   'right1'            =>'right1',
   'right2'            =>'right2',
   'right-mass-top'      =>'right_top',
   'right-mass-bottom'      =>'right_bottom',
   'content-mass-top'      =>'top',
   'content-mass-bottom'   =>'bottom',
   'content-top'         =>'adv_top',
   'content-bottom'      =>'adv_bottom',
   'inset1'            =>'inset1',
   'inset2'            =>'inset2'
);

$this->customwidth('right', $this->_tpl->params->get("right_column"));
$this->customwidth('right2', $this->_tpl->params->get("right2_column"));
$this->customwidth('left', $this->_tpl->params->get("left_column"));
$this->customwidth('left2', $this->_tpl->params->get("left2_column"));
$this->customwidth('inset1', $this->_tpl->params->get("inset1_column"));
$this->customwidth('inset2', $this->_tpl->params->get("inset2_column"));

$this->definePosition ($positions);
$this->loadBlock('definitions');

?>

<?php if ($this->isIE() && ($this->getParam('direction')=='rtl' || $this->direction == 'rtl')) { ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?php } else { ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php } ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<meta name="google-site-verification" content="VjqKOuWMN3hkuG7ubWjWrRor97bnWdjsAbtGg64ePeQ" />
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16448664-65']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
   <?php $this->loadBlock('head') ?>
    <?php $this->useCache($this->getParam('css_compress'), $this->getParam('css_cache')); ?>
</head>
<body id="bd" class="fs<?php echo $this->getParam(GK_TOOL_FONT);?> <?php echo $this->browser();?>">
   <?php if($this->isIE6() && $this->_tpl->params->get('ie6bar') == 1) : ?>
   <div id="infobar"><a href="http://browsehappy.com"><?php echo JText::_('IE6_BAR'); ?></a></div>
      <?php endif; ?>
        <?php if( $this->countModules('fixed_top') ): ?>
      <div id="fixed_top" class="head clearfix">
         <jdoc:include type="modules" name="fixed_top" style="none" />
      </div>
      <?php endif; ?>
      <div id="image_footer">
       <div class="head clearfix">
   </div>
   <div id="gk-wrapper" class="main">
      <a name="Top" id="Top"></a>
      <!-- TOOLBAR -->
      <?php $this->loadBlock('toolbar'); ?>
      <!-- MAIN NAVIGATION -->
      <?php $this->loadBlock('mainnav') ?>
      <!-- HEADER -->
      <?php $this->loadBlock('header'); ?>
      <!-- TOP MODULES -->
      <?php $this->loadBlock('topsl'); ?>

      <?php if( $this->countModules('banner2') ): ?>
      <div id="banner2" class="head clearfix">
         <jdoc:include type="modules" name="banner2" style="none" />
      </div>
      <?php endif; ?>
      <?php if($this->checkComponent() || $this->checkMainbody() || $this->countModules($this->getPositionName('left1').' + '.$this->getPositionName('left2').' + '.$this->getPositionName('left-mass-top').' + '.$this->getPositionName('left-mass-bottom').' + '.$this->getPositionName('right1').' + '.$this->getPositionName('right2').' + '.$this->getPositionName('right-mass-top').' + '.$this->getPositionName('right-mass-bottom').' + '.$this->getPositionName('content-mass-top').' + '.$this->getPositionName('content-mass-bottom').' + '.$this->getPositionName('content-top').' + '.$this->getPositionName('content-bottom').' + '.$this->getPositionName('inset1').' + '.$this->getPositionName('inset2'))) : ?>
      <!-- MAIN CONTAINER -->
      <div id="gk-container">
         <div class="static clearfix">
            <div id="gk-mainbody" style="width:<?php echo $this->getColumnWidth('mw') ?>%">
               <?php $this->loadBlock('main') ?>
               <?php $this->loadBlock('left') ?>
            </div>
            <?php $this->loadBlock('right') ?>
         </div>
      <?php endif; ?>   
      <!-- BOTTOM MODULES -->
      <?php $this->loadBlock('botsl') ?>
      <?php if($this->checkComponent() || $this->checkMainbody() || $this->countModules($this->getPositionName('left1').' + '.$this->getPositionName('left2').' + '.$this->getPositionName('left-mass-top').' + '.$this->getPositionName('left-mass-bottom').' + '.$this->getPositionName('right1').' + '.$this->getPositionName('right2').' + '.$this->getPositionName('right-mass-top').' + '.$this->getPositionName('right-mass-bottom').' + '.$this->getPositionName('content-mass-top').' + '.$this->getPositionName('content-mass-bottom').' + '.$this->getPositionName('content-top').' + '.$this->getPositionName('content-bottom').' + '.$this->getPositionName('inset1').' + '.$this->getPositionName('inset2'))) : ?>
      </div>
      <?php endif; ?>
      <!-- FOOTER -->
      <?php $this->loadBlock('footer') ?>
   </div>   
   <?php if($this->_tpl->params->get('t3_logo')) : ?>
   <a href="http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview" target="_blank" id="t3_logo">Powered by T3 Framework</a>
   <?php endif; ?>
   <!-- POPUPS -->
   <?php $this->loadBlock('usertools/login'); ?>
   <?php $this->loadBlock('usertools/register'); ?>
   <?php $this->loadBlock('usertools/cart'); ?>
   <jdoc:include type="modules" name="debug" />   
</body>
</html>


and I added template.css file :
Code: Select all
/*
 * Image Footer
 */
#image_footer{
background:url('../images/main_bg_bawah.jpg') no-repeat bottom center transparent; }


Whats wrong in my website? Thank you very much for the help...
User avatar
Fresh Boarder


cron