Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

pageHeading text color changed in Firefox, but not IE?


dirtyimpreza

Recommended Posts

Posted

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:

oscommerce_problem_FF.jpg

 

Incorrect:

oscommerce_problem_IE.jpg

 

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!

Posted

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 >

Posted

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 ======>>>>>.

Posted

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!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...