yazawa Posted July 3, 2008 Posted July 3, 2008 I'm a newbie, and installed a CSS that I downloaded from a contributor. This gave me a few problems. First, the background and foreground colors for the headers for Categories, Manufacturers, etc., no longer suit the overall style. I have the same problem with the body text. Since I'm only used to creating web pages with WYSIWYG editors, and have avoided style sheets, I haven't a clue where to look to change these settings. If anyone can tell me the file names, and the code lines I need to change, it would help me greatly. Also, I have broken link images above and below each of the products listed under New Products For . . . area. I assume one of these is supposed to be for Add To Cart. Don't know which one that is, and what the other is supposed to be. If anyone can tell me what the other button is supposed to be, and which is supposed to be which, I can try to track down and fix the issue. Thanks.
FIMBLE Posted July 3, 2008 Posted July 3, 2008 Hello, I took this from the documentation that comes with oscommerce Most of the colours used throughout the osCommerce installation can be changed in the stylesheet definition file. .boxText Changes the font size of the text in all the boxes. Set the padding in the stylesheet to have space on the left and right ... if you set padding on the top and bottom it will leave that much space between the text lines in certain boxes and is not recommended for the top and bottom padding. .errorBox Color and text size of error boxes with the red triangle ... ex: admin/backup.php where it will say backup directory does not exist, warning...I can write to your configuration files, etc. .stockWarning The style used for the stock level warning text shown on the shopping cart page when purchasing items. .productsNotifications The style used for the product notifications checkbox bar on the checkout success page. You can also put a color in the text box and it will make the text change on just that bar. .orderEdit The color style of the "edit" links shown on the checkout confirmation page. BODY Page 51 of 114 Copyright © 2005 osCommerce. All rights reserved. http://www.oscommerce.com Type color is text color in the left & right column boxes and the "text body" that is NOT linked. Background color is the page background color ... this acts as a base whereupon the header and columns are built. Set the border color which sets the color around the inside browser window including the scrollbar. Set the top border to 10 with the same color and it will drop down the table and the scrollbars of the browser. A The color style for ALL link colors throughout the entire store. A:hover The color style used for mouse over links throughout the entire store. FORM The style used for forms. Changes the color of this text, "Use keywords to find the product you are looking for" in the "Quick Find" box on the left. TR.header (means table row.header and is a general setting for the whole table) The style used for the background color of the header. TR.headerNavigation The styles used for the breadcrumb navigation path (background color only of the top navigation as "Top >> Catalog >> etc) TD.headerNavigation Arrow colors that point forward and the vertical link separators | in the breadcrumb navigation path. If you set a background color here it will override the TR.headerNavigation color set. A colored border on the bottom can be set for a separation between the header and the categories. A padding value can be set which will only pad the Navigation Bar. A background image for the navigation table can be set also. A.headerNavigation Sets the text link colors for the breadcrumb navigation path links (Top Catalog etc.) Page 52 of 114 Copyright © 2005 osCommerce. All rights reserved. http://www.oscommerce.com A.headerNavigation:hover The mouse over effects of the breadcrumb navigation path links ( top, catalog, my account, cart contents, etc.) TR.headerError The styles used for the error messages shown in the header. The default is a red background with white text. TD.headerError The styles used for the error messages shown in the header. The default is a red background with white text. TR.headerInfo The styles used for the information messages shown in the header ... changes the bg color of the top box that appears when a new password is sent ... ex: A New Password Has Been Sent To Your Email Address TD.headerInfo The styles used for the information messages shown in the header ... changes the bg color of the top box that appears when a new password is sent ... ex: A New Password Has Been Sent To Your Email Address TR.footer This sets the color of the footer row where the date and counter are. TD.footer This is the size & color of the text in the footer row where the date and counter are. If you set a background color on this TD.footer tag it will override the TR.footer tag. .infoBox Sets the background border color around all the boxes and not the box headings except the "my account", "edit account", and "add a new address" boxes. .infoBoxContents Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes. Setting a text color here will color the numbers text in the boxes like the catalog listings and the "Best Sellers" box numbers and the "My Account", "Edit Account", & "Add Address" headings. .infoBoxNotice The style used for the outline of the box created at the top of the checkout_payment.php page when a customer inputs the wrong credit card number or expiration date. .infoBoxNoticeContents Page 53 of 114 Copyright © 2005 osCommerce. All rights reserved. http://www.oscommerce.com The style used for the body of the box created at the top of the checkout_payment.php page when a customer inputs the wrong credit card number or expiration date. TD.infoBoxHeading Sets the left and right column boxes and the new products box heading color and text color. The text size of the heading boxes can be changed ... anything above 10 you will need to enlarge the box graphics also (images/infobox) Padding can be added to these heading boxes. TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.paymenteven, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even Sets the odd and even row colors on all box listings. TABLE.productListing Sets a border around the products listing table that shows the listing of the products. .productListing-heading The color of the background of the product listing heading that has "product name", "price", etc. The text style and color can also be set. TD.productListing-data Set a different background color for the product listing table and also set box padding, size, borders ... experiment! A.pageResults Sets the link on catalog/includes/split_page_results.php and page results numbered link colors at the bottom of the product pages. A.pageResults:hover Mouse over link colors on catalog/includes/split_page_results.php and page results numbered links mouse over color at the bottom of the product pages. TD.pageHeading, DIV.pageHeading The style used for page headings. Color on the checkout_success.php page that says "Your Order Has Been Processed!" and also on all the product heading pages as What's New Here? Enjoy Your Shopping! Text on all the product pages. Change the size of the text here. Page 54 of 114 Copyright © 2005 osCommerce. All rights reserved. http://www.oscommerce.com TR.subBar and TD.subBar The style used for the sub navigation bar. TD.main, P.main The size of the text can be set for all the main text area, the "My Account Info", "Edit Account", "Add Address", "Order History", & "Notifications" page boxes. If you set the text color it is the text color on all these ... not the column boxes. A padding can be also be set for all the body text in the store. TD.smallText, SPAN.smallText, P.smallText Copyright text color & size at the bottom of the page. "Include Subcategories" Text on the advanced_search.php page Page results text at the bottom of the product pages such as "Displaying 11 to 20 (of 32 products) Result Pages:" TD.accountCategory The style used for the account categories. TD.fieldKey and TD.fieldValue Text Sizes for the account parameter keys and values on the advanced_search.php page such as "Categories: Manufacturers: Price From: Price To: Date From: Date To: TD.tableHeading Text styles/sizes on the table headings of address_book.php and product_reviews.php page such as "No. Name Location" SPAN.newItemInCart The style used for marking new products added to the shopping cart so these products show what's in the shopping cart. CHECKBOX, INPUT, RADIO, SELECT The style used for certain HTML form elements like the size of the text inside the drop down boxes like manufacturers. SPAN.greetUser The style used for the user greeting "Welcome Guest!" on the first page. TABLE.formArea In "My Account Information", "Edit Account", and "Add Address" this is the inside box color. Set the border around the boxes in the border section. Page 55 of 114 Copyright © 2005 osCommerce. All rights reserved. http://www.oscommerce.com TD.formAreaTitle In "My Account Information", "Edit Account", and "Add Address" this is the size of the text headings. Changes the text color on top of the boxes on the "My Account Info" page. Leave the text color box blank and the color is black. A padding can also be set for space on the right and left sides. SPAN.markProductOutOfStock The text color used for marking products out of stock. SPAN.productSpecialPrice The style used on special product prices. TD.checkoutBar Bottom text on the checkout page that says: [ delivery address | payment method | confirmation | finished! ] SPAN.checkoutBarHighlighted The highlight color of the text showing which page you are on: [ delivery address | payment method | confirmation | finished! ] SPAN.errorText The style used for error text messages. .moduleRow The style used for the shipping and payment modules. .moduleRowOver The color of the bar on the checkout_payment.php page on a mouse over when you choose your payment method. .moduleRowSelected The color of the bar on the checkout_shipping.php showing the shipping charge & the selected payment method on th checkout_payment.php page. .checkoutBarFrom, .checkoutBarTo The color & size of the text at the bottom of the checkout pages that shows what page you are NOT on such as "Delivery Information Payment Information Confirmation Finished!" .checkoutBarCurrent The color & size of the text at the bottom of the checkout pages that shows what page you are on such as "Delivery Information Payment Information Confirmation Finished!" Page 56 of 114 Copyright © 2005 osCommerce. All rights reserved. http://www.oscommerce.com .messageBox .messageStack .messageStackError, .messageStackWarning .messageStackSuccess The style used for message boxes. The error background colors that show up when trying to delete an address that is your primary address in the account section. .inputRequirement The style used for form input requirement fields. The color of the asterisk * and the words "Required Information" on the account.php pages. Sometimes you're the dog and sometimes the lamp post [/url] My Contributions
FIMBLE Posted July 3, 2008 Posted July 3, 2008 The attached is a contribution, seeing as though they are still not working i found a copy i had here. It shows you the stylesheet and what it does, its a fantastic aid for beginers Regards Nic Sometimes you're the dog and sometimes the lamp post [/url] My Contributions
Bushmaster Posted July 3, 2008 Posted July 3, 2008 The attached is a contribution, seeing as though they are still not working i found a copy i had here.It shows you the stylesheet and what it does, its a fantastic aid for beginers Regards Nic Thats what I was looking for but could not find.
FIMBLE Posted July 3, 2008 Posted July 3, 2008 Cannot find anything on the contributions, and if you are lucky enough to actualy find it i bet it goes 404 on you when you try to download it!! Sometimes you're the dog and sometimes the lamp post [/url] My Contributions
yazawa Posted July 3, 2008 Author Posted July 3, 2008 Hello, I took this from the documentation that comes with oscommerce Most of the colours used throughout the osCommerce installation can be changed in the stylesheet definition file. I have the same information, printed in front of me. My problem is that I don't know the name of the definition file, nor what code within the file is about the areas I mentioned. I tried a Search and Replace with color codes for the gray I think the Bk Color is for a few files I thought were the relevant ones, but came up empty. I was hoping to avoid trying this with every file, and every shade of gray.
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.