Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Change background color beneath footer.


Recommended Posts



I am a beginner as far as working with oscommerce but I have been able to search this site and others to find the answers to my questions in my quest to redesign my website. However, I have one last task I wish to complete to which I am unable to find an answer.


Currently, the background on my website is gold and the color of the header and footer bars are red with white text. I would like to change the color of the background under the last footer bar, which contains the # of visitors and the date, to black. Therefore, the color of the background in the middle and the rest of the page would be gold and the color at the bottom of the page (underneath the # of visitors footer bar) would be black.


Is there anyway to do this?





Link to comment
Share on other sites

Hi Kevin, if you use CSS you must modify "stylesheet.css".

Find there tags

  TR.footer {
 TD.footer {

and change background values to

background: #000000;


That's all.



Link to comment
Share on other sites



Thank you for your reply. I may not have very clearly explained what I wish to accomplish. If so, I apologize. Your suggestion simply changes the footer that contains the number of visitors and the date to the color of black. It does not change the color of the area below this footer to the color of black like I wish to do.


Do you know how to do that?





Link to comment
Share on other sites

Ok, now I understand... (I read your question incorrectly) :blush:


Two little things needed:


Modify "stylesheet.css", add there

TABLE.black_bg {
 BACKGROUND: #000000


Modify catalog/includes/footer.php:


1. Find tag

    <td align="center" class="smallText">

(just before "The following copyright...").

There should be lines

<table border="0" width="100%" cellspacing="0" cellpadding="0">

2. Remove <br> tag and change table tag to

<TABLE class=black_bg cellSpacing=0 cellPadding=0 width="100%" height="60" border=0>


3. Go few code lines down and remove another <br> tag just after

if ($banner = tep_banner_exists('dynamic', '468x50')) {

If you don't set height of the table this snippet won't work.



Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...