ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Customizing ProductCart
  New Posts New Posts RSS Feed - CSS Conflict... help!
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

CSS Conflict... help!

 Post Reply Post Reply
Author
Message
Westbrass View Drop Down
Newbie
Newbie


Joined: 06-March-2008
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote Westbrass Quote  Post ReplyReply Direct Link To This Post Topic: CSS Conflict... help!
    Posted: 20-March-2008 at 5:58pm

http://67.199.47.96/store/pc/home.asp

I have gone over our Header, Footer and SmallSearchBox.asp, line by line.

I am using pcStorefront.css as our style sheet.

The only text that I have defined as white (#ffffff) is our links, because they are on black or gray back backgrounds.

But no matter what, the h1 header and body text appears white...

Any ideas?

Stan Hoskins
Westbrass
Back to Top
netprofits View Drop Down
Certified ProductCart Developers
Certified ProductCart Developers


Joined: 05-January-2006
Location: United States
Status: Offline
Points: 22
Post Options Post Options   Thanks (0) Thanks(0)   Quote netprofits Quote  Post ReplyReply Direct Link To This Post Posted: 20-March-2008 at 6:47pm

In pcStoreFront.css you have this definition:

.pcMainTable {
 width: 100%;
 border: 0;
 border-collapse: collapse;
 color: #FFFFFF;
}
which forces all text in the main table to be white unless otherwise specified. In your h1 tag you are using the wrong tag for the color:

 .pcMainTable h1 {
  background-color: #E5E5E5;
  font-color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 5px;
 }
 
It should be color, not font-color, so the black does not take affect for your h1 tag. It inherits from the the pcMainTable color of white.

NetProfits Internet Consulting

Certified ProductCart Developer

Our Site
Back to Top
Westbrass View Drop Down
Newbie
Newbie


Joined: 06-March-2008
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote Westbrass Quote  Post ReplyReply Direct Link To This Post Posted: 20-March-2008 at 7:21pm

Are you saying I should remove the color definition in .pcMainTable?

And should I remove or change font-color to font?

Thanks for your time!

Stan Hoskins
Westbrass
Back to Top
Greg Dinger View Drop Down
Certified ProductCart Developers
Certified ProductCart Developers
Avatar

Joined: 23-September-2006
Location: United States
Status: Offline
Points: 238
Post Options Post Options   Thanks (0) Thanks(0)   Quote Greg Dinger Quote  Post ReplyReply Direct Link To This Post Posted: 20-March-2008 at 7:31pm

<<<It should be color, not font-color>>>

color: #000000;

Back to Top
Westbrass View Drop Down
Newbie
Newbie


Joined: 06-March-2008
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote Westbrass Quote  Post ReplyReply Direct Link To This Post Posted: 21-March-2008 at 2:51pm

Thank you!

While that issue is resolved, I just noticed This page:

http://67.199.47.96/store/pc/viewPrd.asp?idcategory=&idp roduct=1

The product details text is white. I'm not sure what CSS guide to fix/change...

Any ideas?

Stan Hoskins
Westbrass
Back to Top
netprofits View Drop Down
Certified ProductCart Developers
Certified ProductCart Developers


Joined: 05-January-2006
Location: United States
Status: Offline
Points: 22
Post Options Post Options   Thanks (0) Thanks(0)   Quote netprofits Quote  Post ReplyReply Direct Link To This Post Posted: 21-March-2008 at 3:04pm

The easiest way to find styles is to view the page in your browser and then choose View Source to see the actual HTML code. Search for the text you want to modify the style for and see what class or id is associated with it. If the text is in the content of the page, then the class is in the pcStoreFront.css file. If it is in the header or footer then it is in the pcHeaderFooter.css file.

NetProfits Internet Consulting

Certified ProductCart Developer

Our Site
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 21-March-2008 at 4:32pm
I highly recommend Firefox with the Web Developer add-on - It has  great tools for examining - and even editing your CSS on the fly, obviously non-permanent changes - but you can then save the resulting CSS file when your happy with it.
Back to Top
Westbrass View Drop Down
Newbie
Newbie


Joined: 06-March-2008
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote Westbrass Quote  Post ReplyReply Direct Link To This Post Posted: 21-March-2008 at 5:07pm
Thanks, I'll look into it.
Stan Hoskins
Westbrass
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.031 seconds.