I'm stumped. I'm not so sure what is the right answer. I'll do some research and get back to you if I find an anything. You should email the people at iPage as they probably could give you help..
The default stylesheet will make the boxes the same color. To have one (or more) boxes a different color, add a new style to the stylesheet, then find the call for the old style on the box you want to change and change it to your new style...
OK, would I be right in saying that the call for a particular box to the stylesheet is this line here:.
<table width=100% border=0 cellpadding=0 cellspacing=0 class="infoBoxContents">.
And in the stylesheet:.
.infoBoxContents {.
background: #FFFFFF;.
font-family: Verdana, Arial, sans-serif;.
font-size: 9px;.
color: #0000ff;.
}.
Well, what I tried to do was setup a new call for a particular box like this:.
<table width=100% border=0 cellpadding=0 cellspacing=0 class="infoBoxContents2">.
And in the style sheet:.
.infoBoxContents2 {.
background: #FF0000;.
font-family: Verdana, Arial, sans-serif;.
font-size: 9px;.
color: #0000ff;.
.
}.
You will notice that that background colours are completely different, however when I applied these changes nothing happened?.
What am I doing wrong?..
Well, there are a few infobox classes in the CSS. Also, check /catalog/includes/classes/boxes.php and check to see what's in there...
Thanks, it does have refences to infoboxcontents but I have no idea what do in there..
It appears here:.
Class infoBox extends tableBox {.
function infoBox($contents) {.
$info_box_contents = array();.
$info_box_contents[] = array('text' => $this->infoBoxContents($contents));.
$this->table_cellpadding = '1';.
$this->table_parameters = 'class="infoBox"';.
$this->tableBox($info_box_contents, true);.
}.
function infoBoxContents($contents) {.
$this->table_cellpadding = '3';.
$this->table_parameters = 'class="infoBoxContents"';.
$info_box_contents = array();.
$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));.
for ($i=0, $n=sizeof($contents); $i<$n; $i++) {.
$info_box_contents[] = array(array('align' => (isset($contents[$i]['align']) ? $contents[$i]['align'] : ''),.
'form' => (isset($contents[$i]['form']) ? $contents[$i]['form'] : ''),.
'params' => 'class="boxText"',.
'text' => (isset($contents[$i]['text']) ? $contents[$i]['text'] : '')));.
}.
$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));.
return $this->tableBox($info_box_contents);.
}.
}.
And again here:.
Function contentBoxContents($contents) {.
$this->table_cellpadding = '4';.
$this->table_parameters = 'class="infoBoxContents"';.
return $this->tableBox($contents);.
}.
}.
Do I need to duplicate these line with infoboxcontents2..
I believe the easiest way would be to create /catalog/includes/classes/boxes2.php and reference infoboxcontent2, etc as your CSS classes. Then in whatever box(es) you wanted to sue the style in, change it within /catalog/includes/boxes/whatever.php to use the right class..
It's rare that someone would want to change the color of one entire box so this is a bit new to me but what I said above sounds good in theory...
I am trying to do the same thing. I followed your suggestion and created a classes/boxes2.php file and have it referencing new classes in my stylesheet. However, I'm not sure where to reference this new boxes2.php file in my categories.php file?.
Does it go some where in here?.
$info_box_contents = array();.
$info_box_contents[] = array('text' => $categories_string);.
new infoBox($info_box_contents);.
Thanks..
Debbie - I still haven't cracked this one, so if you do please can you let us know and I will do the same..
Mark..
If I look at the source code for the parsed page, I can see where it is drawing the table that the categories are displayed in and it has the class Infobox. I can see where I can change the how the table is drawn, but that would change all of the boxes. I can't figure out how to call my new boxes class from the categories.php file. I've tried various changes but they end up breaking the page. I'm reading up on PHP syntax to see if I can figure out what is what and what needs to be changed. I will let you know if I discover anything...
I just wanted to change the background colour of homepage new in this month box to white so that images were more tidy and still keep the background colour on the column left and right boxes so that the appearence isn't too bland..
I used the contribution you suggested to learn how to do this though..
If this is also what you are after do this..
In stylesheet under.
.infoBox {.
background: #B6D3F2;.
}.
.infoBoxContents {.
background: #F8F8F9;.
font-family: Verdana, Arial, sans-serif;.
font-size: 9px;.
color: #0000ff;.
}.
Add.
.infoBox2 {.
background: #B6D3F2;.
}.
.infoBoxContents2 {.
background: #FFFFFF;.
font-family: Verdana, Arial, sans-serif;.
font-size: 9px;.
color: #0000ff;.
}.
And in catalog>includes>classes>boxes.php find:.
Class contentBox extends tableBox {.
function contentBox($contents) {.
$info_box_contents = array();.
$info_box_contents[] = array('text' => $this->contentBoxContents($contents));.
$this->table_cellpadding = '1';.
$this->table_parameters = 'class="infoBox"';.
$this->tableBox($info_box_contents, true);.
}.
function contentBoxContents($contents) {.
$this->table_cellpadding = '4';.
$this->table_parameters = 'class="infoBoxContents"';.
return $this->tableBox($contents);.
}.
}.
And replace with:.
Class contentBox extends tableBox {.
function contentBox($contents) {.
$info_box_contents = array();.
$info_box_contents[] = array('text' => $this->contentBoxContents($contents));.
$this->table_cellpadding = '1';.
$this->table_parameters = 'class="infoBox2"';.
$this->tableBox($info_box_contents, true);.
}.
function contentBoxContents($contents) {.
$this->table_cellpadding = '4';.
$this->table_parameters = 'class="infoBoxContents2"';.
return $this->tableBox($contents);.
}.
}.
This did the job that I was after anyway and saves having to change the code on every single side box instead..
Thanks.
Mark..
How can I give my side boxes a background colour without applying it to the new in this month section as well?..
You change all of the settings within stylesheet.css which can be found in:.
Yourdomain.com/oscommerce/stylesheet.css..
You will see something like the following:.
.productListing-heading {.
font-family: Verdana;.
font-size: 10px;.
background: #188DDE;.
color: #FFFFFF;.
font-weight: bold;.
}.
Find the appropriate table and change the settings as you wish. This is an example from my stylesheet. I changed the color codes by using photoshop..
Hope this helps,.
Cheers,.
John..