dirtyimpreza Posted July 27, 2010 Posted July 27, 2010 Hello! I have a fairly new installation of osCommerce 2.2RC2 and have pretty much left things as default except for the main stylesheet.css file. I am tweaking this to make the colors match my main website. I am not very experienced when its comes to CSS so i'm hoping that someone can explain why i can't get some text changed consistently across two browsers. Here is my problem. I changed the background color of the osCommerce store to black. The text by default is black so this needs to be changed to something lighter. Everything else i've been able to adapt to this except for these "page headings" This code seems to control the text at the top of the product listing page: TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #00cc00; ) I have edited this to stand out as bright green for now to make sure that the colors are showing correctly. Eventually i will change the color code to #FFFFFF so it will be white. Here is it in action: http://www.dirtyimpreza.com/catalog/index.php?cPath=21 Correct: Incorrect: If you look at this in Firefox (i have version 3.6.8) it shows up nicely. However in Internet Explorer, it still stays black (which is unreadable because my background is now black!) Is there another piece of code that is taking priority over this piece of code? How can I get this to show as white across all browsers? I really need to get this sorted out before I can launch my store to the public. Any help would be great thanks!
germ Posted July 27, 2010 Posted July 27, 2010 In the styleshhet change this: TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #00cc00; # Color of large main text - Whats New Here - Not sure why IE is not displaying the correct color here, something to do with the DIV } To this: TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #00cc00; /* Color of large main text - Whats New Here - Not sure why IE is not displaying the correct color here, something to do with the DIV */ } The way you're commenting in the stylesheet is incorrect. In fact the stylesheet is rife with incorrect comments. I made this change and opened the page locally with IE7 and the color shows like it should. If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you. "Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice." - Me - "Headers already sent" - The definitive help "Cannot redeclare ..." - How to find/fix it SSL Implementation Help Like this post? "Like" it again over there >
♥geoffreywalton Posted July 27, 2010 Posted July 27, 2010 Lovely word "rife", must use it more often. G Need help installing add ons/contributions, cleaning a hacked site or a bespoke development, check my profile Virus Threat Scanner My Contributions Basic install answers. Click here for Contributions / Add Ons. UK your site. Site Move. Basic design info. For links mentioned in old answers that are no longer here follow this link Useful Threads. If this post was useful, click the Like This button over there ======>>>>>.
dirtyimpreza Posted July 28, 2010 Author Posted July 28, 2010 The way you're commenting in the stylesheet is incorrect. Guess you can tell my coding skills are rusty, if not down right ancient. I'm not a programmer by any means, so just going through the CSS stylesheet was tough for me! Thanks for showing the proper way to comment things out, this definitely was the solution!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.