GRATIOTWHEEL Posted September 8, 2005 Share Posted September 8, 2005 if anyone can help me improve my website. im looking to change the backround color and see if i can put some pictures of my storefront on there. can anyone help me out im looking at my oscommerce catalog site and i cant find anything that could change colors and stuff thanks for any help.. Link to comment Share on other sites More sharing options...
MoisesZaragoza Posted September 8, 2005 Share Posted September 8, 2005 To change the colors you have to see the files in : catalog>stylesheet.css near the top BODY { background: #ffffff; // This is the backround color color: #000000;// This is the Textcolor margin: 0px; } at the end of the day the code will be good Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 8, 2005 Author Share Posted September 8, 2005 To change the colors you have to see the files in : catalog>stylesheet.css near the top BODY { background: #ffffff; // This is the backround color color: #000000;// This is the Textcolor margin: 0px; } <{POST_SNAPBACK}> i dont see any type of style sheet here im in the administration page then i go to the catalog and i dont see anything Link to comment Share on other sites More sharing options...
Guest Posted September 8, 2005 Share Posted September 8, 2005 i think you have misunderstood what moises is trying to tell you. don't go to the admin page! stylesheets.css is a php file, you can find it in the files you downloaded initially. go to the admin folder, then in here you will find the file! Link to comment Share on other sites More sharing options...
jeffy777 Posted September 8, 2005 Share Posted September 8, 2005 go to your admin area then tools > file manger > click the "includes" folder then select stylesheet.css Link to comment Share on other sites More sharing options...
dave111 Posted September 8, 2005 Share Posted September 8, 2005 stylesheet.css is not in the includes folder, its in the main directory (catalog directory) Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 8, 2005 Author Share Posted September 8, 2005 ok i found the style sheets no it pops up like a notepad and in that it has the color #ffffff so how would i change that. thanks Link to comment Share on other sites More sharing options...
Birky Posted September 8, 2005 Share Posted September 8, 2005 ok i found the style sheets no it pops up like a notepad and in that it has the color #ffffff so how would i change that. thanks <{POST_SNAPBACK}> You need to change the hex value to whatever colour you want, #ffffff is white.......there's a hex conversion chart here http://www.hertsinternet.com/webdesign/colourchart/ Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 8, 2005 Author Share Posted September 8, 2005 ok i got to that and when i put it in do i still keep the # or take that out.. and once that is in do i go to file then save it... and also does it change right away or do i have to wait a while Link to comment Share on other sites More sharing options...
jeffy777 Posted September 8, 2005 Share Posted September 8, 2005 stylesheet.css is not in the includes folder, its in the main directory (catalog directory) <{POST_SNAPBACK}> you're right, my mistake you can leave in the # or take it out, doesn't matter. The change will take effect immediately. Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 9, 2005 Author Share Posted September 9, 2005 hi again it still didnt change anything. i tried saving it and just closing that out still doesnt work either way Link to comment Share on other sites More sharing options...
PHP_Newb Posted September 9, 2005 Share Posted September 9, 2005 BODY { background: #ffffff; color: #000000; margin: 0px; } so it could be for example BODY { background: #385A99; color: #000000; margin: 0px; } Thats where you need to change it. Just incase your not. Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 9, 2005 Author Share Posted September 9, 2005 I JUST NOTICED THAT IT HAS THE COLOR AND BACKROUND IN THERE AT LEAST 10 TIMES I WOULD HAVE TO CHANGE ALL OF THEM CORRECT?? Link to comment Share on other sites More sharing options...
MoisesZaragoza Posted September 9, 2005 Share Posted September 9, 2005 If you are using NotePad you can use ctrl+H to find all the #ffffff (white) to #999999 (Gry) at the end of the day the code will be good Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 9, 2005 Author Share Posted September 9, 2005 OK I JUST DID THAT AND NO COLOR CHANGED Link to comment Share on other sites More sharing options...
PHP_Newb Posted September 9, 2005 Share Posted September 9, 2005 That isnt possible it cant be being saved to the correct place. Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 9, 2005 Author Share Posted September 9, 2005 /* 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: #3300FF; color: #000000; margin: 0px; } A { color: #000000; text-decoration: none; } A:hover { color: #AABBDD; text-decoration: underline; } FORM { display: inline; } TR.header { background: #999999; } TR.headerNavigation { background: #FF0E1B; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #999999; color: #999999; font-weight : bold; } A.headerNavigation { color: #999999; } A.headerNavigation:hover { color: #999999; } TR.headerError { background: #999999; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #999999; color: #999999; 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: #999999; font-weight: bold; text-align: center; } TR.footer { background: #FF0E1B; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #FF0E1B; color: #999999; font-weight: bold; } .infoBox { background: #b6b7cb; } .infoBoxContents { background: #f8f8f9; 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 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #FF0E1B; color: #999999; } 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; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #b6b7cb; color: #999999; font-weight: bold; } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } 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.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: #999999; } 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: #999999; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #999999; } .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: #999999; } Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 9, 2005 Author Share Posted September 9, 2005 MAYBE IM NOT DOIN IT RIGHT MAYBE U CAN TELL ME WHAT I NEED TO CHANGE IN HERE.. THANKS AGAIN Link to comment Share on other sites More sharing options...
Deano Posted September 9, 2005 Share Posted September 9, 2005 Hi, how I learnt with the style sheet is I downloaded it via my ftp, made a back-up of it, and played around changing the colour settings, and see what everything does ..... if you muck up you always have your back up to get it back to normal. Link to comment Share on other sites More sharing options...
Birky Posted September 9, 2005 Share Posted September 9, 2005 MAYBE IM NOT DOIN IT RIGHT MAYBE U CAN TELL ME WHAT I NEED TO CHANGE IN HERE.. THANKS AGAIN <{POST_SNAPBACK}> How are you editing this file.....don't forget if you are using Notepad then you need to save it as stylesheet.css or else it will just save it as a text file (.txt). Try a section at a time and then view the page to see which sections you have changed....make sure you have an original copy though to upload in case you screw it up. Link to comment Share on other sites More sharing options...
Birky Posted September 9, 2005 Share Posted September 9, 2005 How are you editing this file.....don't forget if you are using Notepad then you need to save it as stylesheet.css or else it will just save it as a text file (.txt). Try a section at a time and then view the page to see which sections you have changed....make sure you have an original copy though to upload in case you screw it up. <{POST_SNAPBACK}> Also if your changes don't show up then try refreshing the page a few times Link to comment Share on other sites More sharing options...
MoisesZaragoza Posted September 9, 2005 Share Posted September 9, 2005 Dont forget that you may be changing that you may be doing may be in a diferent part of the site that you are not looking at at the end of the day the code will be good Link to comment Share on other sites More sharing options...
Jeremy at oddly enough Posted September 10, 2005 Share Posted September 10, 2005 As Andy mentioned, you'll most likely need to refresh the page to see the changes, if you don't your computer will call up a cached page, and it will look unchanged. Jeremy Link to comment Share on other sites More sharing options...
GRATIOTWHEEL Posted September 10, 2005 Author Share Posted September 10, 2005 yea i tried saving it as stylesheet.css i thought that was what i was doin wrong but it still didnt work. im pretty sure im doin everything right Link to comment Share on other sites More sharing options...
MoisesZaragoza Posted September 10, 2005 Share Posted September 10, 2005 are you sure the file name is stylesheet.css at the end of the day the code will be good Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.