z4games Posted October 12, 2007 Share Posted October 12, 2007 Hey fellow osCommercers- I've been trying to change the colour of my top bar in my stylesheet.css but to no avail. I changed all the needed boxes and stuff, but not the top bar and the category font "Let's See What We Have Here". I usually am able to search for my answers, but I didn't really know how to word my problem. :lol: If you have any idea to how to change the colours of the top bar and the font, as well as the text, please reply :thumbsup: Oh by the way, I screen shotted the image, URL is below, as dynamic pages in the img tags are not allowed Picture Link to comment Share on other sites More sharing options...
ctec2001 Posted October 12, 2007 Share Posted October 12, 2007 Hey fellow osCommercers- I've been trying to change the colour of my top bar in my stylesheet.css but to no avail. I changed all the needed boxes and stuff, but not the top bar and the category font "Let's See What We Have Here". I usually am able to search for my answers, but I didn't really know how to word my problem. :lol: If you have any idea to how to change the colours of the top bar and the font, as well as the text, please reply :thumbsup: Oh by the way, I screen shotted the image, URL is below, as dynamic pages in the img tags are not allowed Picture This would be the code that needs to be changed: <td class="pageHeading"><?php echo HEADING_TITLE; ?></td> In the stylesheets.css look for : TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; /*color: #9a9a9a;*/ color: #6f0404; } I changed the color on mine, but you could change to whatever. then just change the font size to whatever you need. Hope that this helps. Do or Do Not, there is no try. Link to comment Share on other sites More sharing options...
Gauravs Posted October 12, 2007 Share Posted October 12, 2007 And at times, changes won't reflect immedeately due to server / proxy or local machine caching... so you gotta wait for a while to check the results after making any change in stylesheets. Cheers Best Regards,Gaurav Link to comment Share on other sites More sharing options...
z4games Posted October 12, 2007 Author Share Posted October 12, 2007 Thanks guys, I got my font a different colour, but now, does anyone know where I can change the very topmost bar? It is where the arrow is pointing at, at the very top of the screenshot in the link. The link to the screenshot is posted above in my original post Link to comment Share on other sites More sharing options...
ctec2001 Posted October 12, 2007 Share Posted October 12, 2007 Thanks guys, I got my font a different colour, but now, does anyone know where I can change the very topmost bar? It is where the arrow is pointing at, at the very top of the screenshot in the link. The link to the screenshot is posted above in my original post You know, that is most likely in the header.php. Look at that code in the header.php and see what class that row is using. Then check the stylesheet.css and locate it. If you are unable to locate it, post the header code in this forum so that we can look at it. Do or Do Not, there is no try. Link to comment Share on other sites More sharing options...
z4games Posted October 13, 2007 Author Share Posted October 13, 2007 I looked at the header, but could not find anything with my lack of php knowledge <_< For good measure, I added my stylesheet as well. The header is the first, and stylesheet the second code <?php /* $Id: header.php,v 1.1 2003/09/08 19:25:59 jhtalk Exp jhtalk $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ // STS: ADD $sts_block_name = 'applicationtop2header'; require(STS_RESTART_CAPTURE); // STS: EOADD // check if the 'install' directory exists, and warn of its existence if (WARN_INSTALL_EXISTENCE == 'true') { if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) { $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning'); } } // check if the configure.php file is writeable if (WARN_CONFIG_WRITEABLE == 'true') { if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) { $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning'); } } // check if the session folder is writeable if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') { if (STORE_SESSIONS == '') { if (!is_dir(tep_session_save_path())) { $messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning'); } elseif (!is_writeable(tep_session_save_path())) { $messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning'); } } } // check session.auto_start is disabled if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) { if (ini_get('session.auto_start') == '1') { $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning'); } } if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) { if (!is_dir(DIR_FS_DOWNLOAD)) { $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning'); } } if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } ?> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr class="header"> <td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'logo.jpg', 'Z4Games Home') . '</a>'; ?></td> <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a> <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a> <a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?> </td> </tr> </table> <table border="0" width="100%" cellspacing="0" cellpadding="1"> <tr class="headerNavigation"> <td class="headerNavigation"> <?php echo $breadcrumb->trail(' » '); ?></td> <td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> | <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> </td> </tr> </table> <?php if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) { ?> <table border="0" width="100%" cellspacing="0" cellpadding="2"> <tr class="headerError"> <td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td> </tr> </table> <?php } if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) { ?> <table border="0" width="100%" cellspacing="0" cellpadding="2"> <tr class="headerInfo"> <td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td> </tr> </table> <?php } // STS: ADD $sts_block_name = 'header'; require(STS_RESTART_CAPTURE); // STS: EOADD ?> BODY { background: #FFFFFF; margin: 8px; font-family: Verdana,Arial,Sans-serif; } .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 { color: #737373; text-decoration: underline; } FORM { display: inline; } TR.header { background: #000000; } TR.headerNavigation { color: #000000; background-color: #000000; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; background-color: #000000; padding: 6px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #212121; } A.headerNavigation { color: #FFFFFF; } A.headerNavigation:hover { color: #C0C0C0; } 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: #AC1C06; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #212121; color: #FFFFFF; padding: 6px; } .infoBox { background-color: transparent; } .infoBoxContents { 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; color: #FFFFFF; background-color: #212121; padding: 2px; border-bottom: 1px solid; border-color: #000000; } 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-color: #b6b7cb; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #212121; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 2px solid #FFFFFF; } 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: 16px; font-weight: bold; color: #000000; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; } 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: #ff0000; } CHECKBOX, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; } INPUT { background-color: #FEEFED; 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: #E80000; 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; } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; } .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: #FFFFFF; } .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; } .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } .site_table { background-color: #FFFFFF; border-top: 10px solid #AC1C06; } TD.left { background-color: #FEEFED; } TD.right { background-color: #FEEFED; } TABLE.content { padding: 7px; } .copy { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #AC1C06; padding: 5px; } Link to comment Share on other sites More sharing options...
ctec2001 Posted October 13, 2007 Share Posted October 13, 2007 I believe to be your problem. Locate line code approximately 63 or so. See below: .site_table { background-color: #FFFFFF; border-top: 10px solid #AC1C06; } The #AC1C06 is the same color as the top border. Change it and see if that is it. Let me know. Do or Do Not, there is no try. Link to comment Share on other sites More sharing options...
z4games Posted October 14, 2007 Author Share Posted October 14, 2007 Yes! It worked! Thanks a million for your help ctec :D You sure have a knack for spotting things, +rep Link to comment Share on other sites More sharing options...
ctec2001 Posted October 14, 2007 Share Posted October 14, 2007 Yes! It worked! Thanks a million for your help ctec :D You sure have a knack for spotting things, +rep Glad it worked, if you have any other problems just PM me. Good Luck with everything. Do or Do Not, there is no try. 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.