Modificar estilos en osCommerce

4ª entrega de estilos de tu tienda oscommerce, hoy veremos las columnas

Este estilo hace referencia al borde del contenido de las cajas de las columnas

.infoBox {
background: #333333;
border: 1px #5c5c5c solid;
}

este estilo hace referencia al color de fondo de las cajas de las columnas, pero también hace referencia al color de fondo de los módulos centrales de tu tienda oscommerce, como por ejemplo nuevos productos del mes, listado de productos, info del producto

.infoBoxContents {
background: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
}

Este estilo hace referencia a la cabecera de las cajas de las columnas, se le puede incluir varios estilos.

TD.infoBoxHeading {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-align: center;
color: #ffffff;
background-color: #1c1818;
}

Debeís tener mucho cuidado al incluir el ancho de la cabecera, pues el ancho de las columnas viene definida en la carpeta catalog/includes/application_top.php aproximadamente en la línea 61. Por lo que el nuevo ancho redimensionara ambas columnas, al igual que sus cajas (boxes) y el centro de la página se vería reducido. Aquí os aconsejo, como en todos los estilos anteriormente vistos que practiqueis para ir viendo los efectos que se realizan cada vez que hagais un cambio. Por ello es aconsejable siempre que trabajeis en local antes de subir al servidor vuestra tienda oscommerce

TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
}

hasta la semana que viene que continuaremos con los estilos de nuestra tienda oscommerce