Template limitations? help needed urgently

[ade_waqar]

Dear osCommerce users,

 

I am in the process of making an ecommerce website using osCommerce....itz a very powerful tool but i am facing some problems....Now i dont understand whether these problems are osCommerce related or my template related....in anycase they are hindering the development of my website..the problem is that i am not able to customize the way in which my product descriptions appear...for example....suppose i want my product description to be BLACK SIZE 10 FONT N WITH A BOLD HEADING...but when i convert that into HTML and paste it in my osCommerce and upload it...it automatically gets comverted into the default color n size which the template has.....So my question is am i stuck for good? Or is there any remedy to customize the description (font, color and placement) either via my template or osCommerce software.....And is formatting so strictly template restricted? Because i didnt know that and if thats the case then i just wasted $160...:( But i fail to understand how formatting could be restricted....it just doesnt make sense....Help me out guyz im really worried...

 

Worried osCommerce newbie

[Guest]

You have to edit your .css file, not the page itself.

[ade_waqar]

You have to edit your .css file, not the page itself.

 

 

How do i edit the .css file? please can you be more elaborate as im very new to all this. Your help will be greatly appreciated

[Guest]

In your root catalog folder, you will see a file named stylesheet.css. Edit that. If you need detailed instructions on how to edit a css file, do a google search and you'll find a ton of results.

[ade_waqar]

In your root catalog folder, you will see a file named stylesheet.css. Edit that. If you need detailed instructions on how to edit a css file, do a google search and you'll find a ton of results.

 

....ok juz tell me this, editing the CSS stylesheet means i am editing my particular template or i am editing some option in osCommerce software? In either case can i edit everything like the color, size of my fonts, the color etc of my buttons and the overall color and design theme of my page?

[Guest]

Have you taken a look at your CSS file yet? You've been told exactly where it is already.

 

Have you done ANY research on what a css file is and what it does?

 

Look, people dont mind helping, but you have to help yourself to an extent. You cant expect everyone to hold your hand and do EVERYTHING for you...

 

Your css is a file which sets all of the font style, color and size along with some of the table layout settings for your whole store.

[ade_waqar]

Have you taken a look at your CSS file yet? You've been told exactly where it is already.

 

Have you done ANY research on what a css file is and what it does?

 

Look, people dont mind helping, but you have to help yourself to an extent. You cant expect everyone to hold your hand and do EVERYTHING for you...

 

Your css is a file which sets all of the font style, color and size along with some of the table layout settings for your whole store.

 

I understand that i am being a total ass...but u have to understand this is the 1st time i am ever working on osCommerce....i did look in my root catalog folder as you said but i ddint find it...here are the folders that are in my catalog folder....Categories/Products,Product Attributes,Manufacturers,Reviews, Specials, Products Expected....thats ALL

 

let me tell you beforehand...actually i am paying some company to make this site....and at the moment its in progress and all i have is access to the online version of my osCommerce...where i can edit, delete products etc and make changes to my website...but as i said i didnt find any stylesheet file in my catalog menu.......i asked that guy to change the description fonts etc for me but he duznt have much idea...so i wanna do it myself..so just tell me how do i access that stylesheet.css and the rest i will figure out...thanks for your help

[Guest]

Its in your catalog's root folder. Not in the admin area.

 

You login to your site via FTP or login to our site's control panel and go to the file manager. Browse to wherever the oscommerce store is installed and in the root folder, you will see stylesheet.css.

 

If your designer has no idea what the stylesheet is then he must not be much of a designer. Its HTML 101.

 

Here are some of my most recent oscommerce stores, all started from scratch:

 

http://meplovetoys.com

http://sitefever.com

 

If you're looking for someone who knows what they're doing, let me know.

:)

[peterpan1]

look for a file like this

 

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.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; }

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

}

 

A {

color: #747474;

text-decoration: none;

}

 

A:hover {

color: #888888;

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;

font-size: 13px;

font-weight: bold;

text-decoration: none;

}

 

A.headerNavigation:hover {

color: #FFFFFF;

font-size: 13px;

font-weight: bold;

text-decoration: underline;

}

 

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: #D3D1D1;

}

 

.infoBoxContents {

background: #FFFFFF;

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

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #FFE6E6;

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

font-size: 10px;

}

 

TD.infoBoxHeading {

background-image: url('images/infobox/corner_center.gif');

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

font-size: 18px;

font-weight: normal;

color: #000000;

display: none;

}

 

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: #E9E6E3;

//shopping-cart content color

}

 

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: #E9E6E3;

//shopping-cart content color

}

 

TABLE.productListing {

border: 0px;

border-style: solid;

border-color: #E9E6E3;

//shopping-cart header/footer color

border-spacing: 1px;

 

}

 

.productListing-heading {

 

border-right:2px solid #ffffff;

border-bottom:2px solid #ffffff;

text-align:center;

 

 

color: #B5511E;

font-weight: bold;

padding: 11px;

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

font-size: 12px;

background: #E9E6E3;

//shopping-cart header/footer color

}

 

TD.productListing-data {

border-right:2px solid #ffffff;

border-bottom:2px solid #ffffff;

text-align:center;

vertical-align:top;

padding:10 10 10 10;

 

 

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

font-size: 12px;

color: #AC0800;

}

 

A.pageResults {

color: #747474;

}

 

A.pageResults:hover {

color: #747474;

}

 

A.pageResults:visited {

color: #747474;

}

 

 

 

 

TD.pageHeading, DIV.pageHeading {

font-size: 13px;

color: #B0191B;

font-weight: bold;

text-decoration: sharp;

height: 30px;

width: 509px;

background: url('images/m99.gif');

background-repeat:no-repeat;

padding-top: 0px;

padding-left: 35px;

 

}

 

 

 

 

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;

padding-left: 10px;

}

 

TD.accountCategory {

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

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

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

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

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

font-size: 12px;

}

 

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; }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

td{

font-family: tahoma,verdana,arial;

font-size: 11px;

color: #1F1F1F;

}

 

.text{

color: #B5511E;

font-size: 16px;

font-weight: bold;

text-decoration: none

}

.text2{

color: #BC7E3B;;

font-size: 16px;

font-weight: bold;

text-decoration: none

}

 

.ch{

color: #B5292A;

font-size: 14px;

font-weight: bold;

}

 

.ch2{

color: #BC7E3B;

font-size: 18px;

font-weight: bold;

text-decoration: none

}

.ch3{

color: #AC0800;

font-size: 20px;

font-weight: bold;

}

.ch4{

color: #5F5F5F;

font-size: 11px;

font-weight: bold;

}

.ch5{

color: #E70F14;

font-size: 11px;

font-weight: bold;

text-decoration: none

}

.ch6{

color: #7B4F3F;

font-size: 14px;

font-weight: bold;

text-decoration: none

}

.close{

color: #AC0800;

font-size: 11px;

text-decoration: none

}

 

.text-popup{

color: #AC0800;

font-size: 11px;

font-weight: bold;

text-decoration: none

}

.menu{

color: #60584B;

border-color: #60584B;

font-size: 11px;

text-decoration: none

}

.copy{

color: #695945;

border-color: #695945;

font-size: 11px;

}

.se{

width: 110px;

font-size: 9px;

color: #282E3E;

}

 

 

 

body{

background: #BFB5A3;

}

 

.ml99{

color:#1F1F1F;

fotn-size:11;

font-family:Tahoma;

}

 

 

.image_border{

border:1px solid #A99B85;

}