Making the footer div non fluid?

[vampirehunter]

I have a question on the footer div.

 

By default its a fluid container.

 

I want to change its class to "container" instead of "container-fluid".

 

Since the div class is part of core code,

 

Im not sure the way to do this.

 

thanks

[vampirehunter]

i hope someone can advise!
 
Since this is considered "core code" below, taken from footer.php file.
 
And I am wanting to change the footer div to "container" rather than keep it "container-fluid", mainly to put the all 4 footer boxes the same width as the non fluid content (if selected from admin) that sits above it, other than editing the below code, how else can I overrite or change the div class below?
 
I don't want to mess with any core code, but it seems the below is kind of forcing a restrictive design choice by having those classes fixed as "container-fluid".

<footer>
  <div class="footer">
    <div class="container-fluid">
      <div class="row">
        <?php echo $oscTemplate->getContent('footer'); ?>
      </div>
    </div>
  </div>
  <div class="footer-extra">
    <div class="container-fluid">
      <div class="row">
        <?php echo $oscTemplate->getContent('footer_suffix'); ?>
      </div>

    </div>
  </div>
</footer>

When the div class is changed to "container", it shows how I want it. See attached picture.

I can't see any option in admin to edit this, unless im mistaken?


 

[clustersolutions]

Leave things in container-fluid if you want fluid images and etc...do this in user.css...

 

.maxWidth {

  1170 px;

}

 

then do that...

 

<div class="container-fluid maxWidth">

 

I'm not sure why you want to change only the footer...

[auzStar]

@@vampirehunter

 

A  simple solution would be replace each class="container-fluid" in footer.php with class="<?php echo BOOTSTRAP_CONTAINER; ?>" (from template_top.php).

 

But if you do not want to change core code then you could do it with a header_tags module that contains some jquery that removes the container-fluid class from the footer and then adds the container class (similar to ht_grid_list_view.php, but without the cookie and pages stuff). 

          $oscTemplate->addBlock('<script>$(function(){ $(\'footer.footer\').removeClass(\'container-fluid\').addClass(\'container\'); $(\'footer.footer-extra\').removeClass(\'container-fluid\').addClass(\'container\'); });</script>' . "\n", $this->group);

But this option seems like a bit of overkill for something so minor.

 

Remember though, if footer core code changes in future you may need to modify this new module to reflect changes.

 

cheers

[vampirehunter]

@@vampirehunter

 

A  simple solution would be replace each class="container-fluid" in footer.php with class="<?php echo BOOTSTRAP_CONTAINER; ?>" (from template_top.php).

 

But if you do not want to change core code then you could do it with a header_tags module that contains some jquery that removes the container-fluid class from the footer and then adds the container class (similar to ht_grid_list_view.php, but without the cookie and pages stuff). 

          $oscTemplate->addBlock('<script>$(function(){ $(\'footer.footer\').removeClass(\'container-fluid\').addClass(\'container\'); $(\'footer.footer-extra\').removeClass(\'container-fluid\').addClass(\'container\'); });</script>' . "\n", $this->group);

But this option seems like a bit of overkill for something so minor.

 

Remember though, if footer core code changes in future you may need to modify this new module to reflect changes.

 

cheers

 

Yes thanks. i think jquery for such a minor change is indeed overkill!

 

I think just straight editing the html class is ok in this case even though its considered "core" code. I think some things just have to be edited, as making virtually everything modular is probably going to be in the future oscommerce releases.

 

The bootstrap version itself as a starting point is so so much better than the standard non bootstrap version. The bootstrap version just looks so much better, in every device you view it, especially mobile, looks awesome.