Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to allign the product image and text


RemcoMienis

Recommended Posts

i too am also interested in this answer.

Oscommerce seems good, and some stuff is easy, but customising and editing stuff is long winded, and hard if you have no clue on the language.

Why cant os commecer have built in editors?

Link to comment
Share on other sites

I know i must eddit that part of the site, but i dont know the language of php

 

Its still just html , but placed in between php code. NOTE: many changes can be done simply by editing stylesheet.css

 

Why cant os commecer have built in editors?

Look in the add-ons section for alternative wysiwyg html editors.

Link to comment
Share on other sites

This is the stylesheet.

 

Wich part must i edit?

Thanx!!!

 

/*
 $Id$

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2010 osCommerce

 Released under the GNU General Public License
*/

.ui-widget {
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
 font-size: 11px;
}

body {
 background: #fff;
 color: #000;
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

#bodyWrapper {
}

#bodyContent {
}

#header {
 height: 60px;
}

#storeLogo {
 float: left;
 margin-top: 5px;
}

#headerShortcuts {
 float: right;
 margin-top: 15px;
}

#columnLeft {
 padding-top: 5px;
}

#columnRight {
 padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
 padding: 2px;
 font-size: 11px;
}

.infoBoxContents {
 padding: 5px;
 font-size: 11px;
 line-height: 1.5;
}

.contentContainer {
 padding-bottom: 10px;
}

.contentContainer h2 {
 font-size: 16px;
 text-decoration: underline;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 5px;
}

.contentText, .contentText table {
 padding: 5px 0 5px 0;
 font-size: 11px;
 line-height: 1.5;
}

.productListTable {
 padding: 5px;
 font-size: 11px;
 line-height: 1.5;
}

.productListTable tr.alt td {
 background-color: #ecf6fc;
}

.fieldKey {
 font-size: 11px;
 font-weight: bold;
 line-height: 1.5;
 width: 150px;
}

.fieldValue {
 font-size: 11px;
 line-height: 1.5;
}

h1 {
 font-size: 20px;
 margin-bottom: 0;
 padding-bottom: 5px;
}

img {
 border: 0;
}

table, p {
 font-size: 11px;
 line-height: 1.5;
}

#piGal ul {
 list-style-type: none;
}

#piGal img {
 -webkit-box-shadow: 0px 0px 1px #000;
 -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
 margin-left: -30px;
}

.buttonSet {
 clear: both;
}

.buttonAction {
 float: right;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 text-decoration: underline;
}

FORM {
   display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation {
 color: #FFFFFF;
}

A.headerNavigation:hover {
 color: #ffffff;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #bbc3d3;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight: bold;
}

.infoBox {
 background: #b6b7cb;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #bbc3d3;
 color: #ffffff;
}

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

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #b6b7cb;
 border-spacing: 1px;
}

.productListingHeader {
 table-layout: fixed;
 color: #FFFFFF;
 font-weight: bold;
}

.productListingHeader A:hover {
 color: #FFFFFF;
}

.productListingData {
 table-layout: fixed;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #0000FF;
 background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9a9a9a;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
 list-style-type: none;
 margin: 2px 2px 2px 10px;
 padding: 5px;
}

.accountLinkListEntry {
 float: left;
 margin-right: 5px;

}

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...