Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Infobox bckground colors


Sharon123

Recommended Posts

I have the background color set for my infoboxes, but the New Products box which comes onto the center of the page I want as white, can this be changed?

 

Sharon

I know more than I did yesterday...If thats any help!

Link to comment
Share on other sites

you will need to make a new

.infoBoxContents class in your CSS

.infoBoxContents {

background: transparent;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

}

 

like

 

.infoBoxContents1

.infoBoxContents1 {

background: whatever;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

}

 

Find where the call is in your php page and change it

Link to comment
Share on other sites

that would be

stylesheet.css

 

quick and dirty via notepad:

 

cut and past

 

.td class="main" {

background: transparent;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

 

so it looks like

 

.infoBoxContents {

background: transparent;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

 

.infoBoxContents {

background: transparent;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

 

change one of those to

 

.infoBoxContents1 {

background: whatever;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

 

 

and save

 

don't forget to change

 

<td colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

 

to

 

<td class="infoBoxContents1"colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

Link to comment
Share on other sites

disregard this

 

.td class="main" {  

background: transparent;  

font-family: Verdana, Arial, sans-serif;  

font-size: 16px;

 

it should have been

 

.infoBoxContents {

background: transparent;

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

Link to comment
Share on other sites

Hey Will

 

I think I understand what you have told me,

 

I am unsure of where to make the nessasary changes regarding this code

<td class="infoBoxContents1"colspan="3"><br> 

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?> 

</td>

I know more than I did yesterday...If thats any help!

Link to comment
Share on other sites

default.php

 

down towards the bottom

 

look for

 

<td colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

Link to comment
Share on other sites

Hi Will

 

No Luck

 

Heres what i did

 

in style sheet i added

 

.infoBox {





 background: #EFF5ED;





}











.infoBoxContents {





 background: #EFF5ED;





 font-family: Verdana, Arial, sans-serif;





 font-size: 10px;

)







.infoBoxContents1 {





 background: transparent;





 font-family: Verdana, Arial, sans-serif;





 font-size: 10px;





}











.infoBoxNotice {





 background: #FF8E90;

 

 

in index.php I changed to

         </tr>

         <tr>

           <td class="main"><?php echo TEXT_MAIN; ?></td>

         </tr>

         <tr>

           <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>

         </tr>

         <tr>

           <td class="infoBoxContents1"colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?></td>

         </tr>

<?php

   include(DIR_WS_MODULES . FILENAME_UPCOMING_PRODUCTS);

?>

       </table></td>

     </tr>

   </table></td>

<?php

 

But no go

Sharon

I know more than I did yesterday...If thats any help!

Link to comment
Share on other sites

.infoBoxContents1 {

 

 

background: transparent;

 

 

font-family: Verdana, Arial, sans-serif;

 

 

font-size: 10px;

 

will be what ever the body background color is

 

you need to change this to whatever color you want.

Link to comment
Share on other sites

<td class="main" width="10%" valign="top" align="left"> </td>

</tr>

[add bg color]

<td colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

</tr>

Link to comment
Share on other sites

Sorry to be a pain

 

.infoBoxContents1 {

 

 

background: transparent;

 

 

font-family: Verdana, Arial, sans-serif;

 

 

font-size: 10px;

 

will be what ever the body background color is

 

you need to change this to whatever color you want.

 

But I had done that??

 

This is what im not understanding is the word "main"

 

<td class="main" width="10%" valign="top" align="left"> </td>

</tr>

[add bg color] <tr bgcolor="#666666" > [change to whatever]

<td colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

</tr>

 

I know more than I did yesterday...If thats any help!

Link to comment
Share on other sites

What you need in stylesheet.css is:

 

TR.infoBoxContents1 {

 

 

background: transparent;

 

 

font-family: Verdana, Arial, sans-serif;

 

 

font-size: 10px;

 

 

}

 

In index.php:

 

<td class="main" width="52%" valign="top" align="left">

<?php echo TEXT_MAIN; ?>

</td>

<td width="10%" valign="top" align="left"> </td>

</tr>

<tr class="infoBoxContents" >

change ONLY this <td colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

</tr>

<?php

include(DIR_WS_MODULES . FILENAME_UPCOMING_PRODUCTS);

?>

</table>

<br>

</td>

</tr>

</table></td>

 

TR. * = Table Row

 

TD.*= Table Data

 

Note: if you leave thios as transparent it will be whatever the Body Background is.

Link to comment
Share on other sites

I apologize...it was late last nite.

We need to id it as being a row as opposed to being a full table ir a data item.

 

What you need in stylesheet.css is:

 

TR.infoBoxContents1 {

 

 

background: transparent;

 

 

font-family: Verdana, Arial, sans-serif;

 

 

font-size: 10px;

 

 

}

 

TR. * = Table Row

 

TD.*= Table Data

 

In index.php:

 

<td class="main" width="52%" valign="top" align="left">

<?php echo TEXT_MAIN; ?>

</td>

<td width="10%" valign="top" align="left"> </td>

</tr>

<tr class="infoBoxContents" > <td colspan="3"><br>

<?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?>

</td>

</tr>

<?php

include(DIR_WS_MODULES . FILENAME_UPCOMING_PRODUCTS);

?>

</table>

<br>

</td>

</tr>

</table></td>

 

change only the highlighed red portion

 

 

 

Note: if you leave this as transparent it will be whatever the Body Background is.

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...